Scssで&を使って記述を短縮する 通常時は a{ text-decoration:none; } a:hover{ text-decoration:underline; } と別々に記述しているところも、 a{ text-decoration:none;… Yukimi Satoハック2014.07.02 301
absoluteで横位置を中央にする .logo { position: absolute; left: 50%; margin-left: -15px; //幅の半分のサイズをマイナスする } Yukimi Satoハック2014.06.30 508
Sass:extendでtransition設定を共用 Sassのextendを使って、transition設定を使いまわしましょう。 Sass .transition3 { @include transition(.3s); } a { @extend .transitio… ゴトーハック2014.06.27 303
Sass:extendでCSSグラデーションを共用 Sassのextendを使って、グラデーション設定を使いまわしましょう。 Sass $experimental-support-for-svg: true; .gradient { @include background… ゴトーハック2014.06.27 252
Sass:extendでellipsisを共用 Sassのextendを使って、サイト内でellipsisを使いまわしましょう。 Sass .ellipsis { @include ellipsis; } .box1 { @extend .ellipsis; widt… ゴトーハック2014.06.26 370
Sass:extendでborder-radiusを共用 Sassのextendを使って、サイト内でborder-radiusを統一してしまいましょう。 Sass .border-radius-s { @include border-radius(3px); } .border… ゴトーハック2014.06.26 291
Sass:extendでbox-sizingを共用 Sassのextendを使って、何度も同じ記述をするのを削減しましょう。 Sass .border-box { @include box-sizing(border-box); } .box1 { @extend .bo… ゴトーハック2014.06.25 336
検索ボックスにフォーカスしたら括っているDIVの枠線の色を変える <div class="search"> <form> <input type="text" class="searchText"… Yukimi Satoハック2014.06.25 994
Webフォントアイコンは最小サイズを意識しよう まず下記サンプルを見てください。 See the Pen JkdEL by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 標準サイズに比べ、少し小さくしても少し大きくしても、中途… ゴトーハック2014.06.24 1,879