ゴトー
Sass：extendでCSSグラデーションを共用
Sassのextendを使って、グラデーション設定を使いまわしましょう。 Sass $experimental-support-for-svg: true; .gradient { @include background…Sass：extendでellipsisを共用
Sassのextendを使って、サイト内でellipsisを使いまわしましょう。 Sass .ellipsis { @include ellipsis; } .box1 { @extend .ellipsis; widt…Sass：extendでborder-radiusを共用
Sassのextendを使って、サイト内でborder-radiusを統一してしまいましょう。 Sass .border-radius-s { @include border-radius(3px); } .border…Sass：extendでbox-sizingを共用
Sassのextendを使って、何度も同じ記述をするのを削減しましょう。 Sass .border-box { @include box-sizing(border-box); } .box1 { @extend .bo…よく使うWebStormのショートカットキー
Ctrl + S とかあまりに一般的すぎるのは除外しまして、WebStormならではかつ良く使う機能のショートカットを。 Ctrl + Alt + L コードフォーマット。ファイル開いたり保存する前にほぼ無意識に使ってる…Webフォントアイコンは最小サイズを意識しよう
まず下記サンプルを見てください。 See the Pen JkdEL by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 標準サイズに比べ、少し小さくしても少し大きくしても、中途…CSS3：アイコンに回転アニメーション
サンプルはこちら。 See the Pen rncjE by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. オンマウスでアイコンがアニメーションします。 CSS(Sass) a …