Compass:IEにも対応したCSSグラデーションの書き方 Compassでザックリ書き出す方法です。 Scss //SVGサポートを有効に(IE9用) $experimental-support-for-svg: true; .box { //モダンブラウザ用グラデーション @… ゴトーハック2014.05.21 608
FontAwesomeで作るロード表示 サンプルはこちら。 See the Pen FKlpr by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. HTML <div class="loading&qu… ゴトーハック2014.05.21 5,425
CSSだけで台形を作る サンプルはこちら。 See the Pen isLdJ by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 一つのタグにCSSだけで台形を作っています。 CSS .daikei … ゴトーハック2014.05.20 5,185
Sass:extendでベンダープレフィクス要素を削減する Sassのextendを使った記法を広めたいのでまたまた応用方法をご紹介します。 改善前CSS .box1 { width: 300px; padding: 10px; -webkit-box-sizing: borde… ゴトーハック2014.05.20 354
Sass:extendでclearfixを楽にする 先日オブジェクト指向型CSSについて書きましたが、こちらのおさらいと応用を紹介します。 回り込み解除のための「clearfix」はWebコーダーであれば誰しも使うクラスだと思いますが、HTML内でそこかしこに clear… ゴトーハック2014.05.19 355
CSS3:perspectiveを使って某映画風テキストスクロール サンプルはこちら。 See the Pen nFHzi by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. CSS3の「perspective」プロパティと「transform」… ゴトーハック2014.05.19 216
CSS3:CSSだけで簡易ストーリー表示 サンプルはこちら。 See the Pen gedLt by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. ボタンを押すことで連続してカットを表示させています。 HTML <… ゴトーハック2014.05.16 541
Git for Windows でなぜか特定ファイルのコミットができない場合の対策 Git for Windows を使いファイルをコミットしようとすると「Commit Failed – failed to create a new commit」とエラー表示されコミットできない現象がありま… ゴトーハック2014.05.16 2,896
Bowerで旧バージョンjQueryをインストールする 以前紹介したBowerの詳細とインストールなどについてはこちらより。 Bowerでライブラリをインストールすると、基本的に最新版がインストールされます。例えばjQueryをインストールする場合は下記。 bower ins… ゴトーハック2014.05.16 259