JQuery:指定してある特定のclassをhoverで外す ページ表示時からオンマウスの動きを明示しておきたいときや、最初だけ目立たせたいときなどに使えるかと思います。表示サンプルはこちら。 Javascript <script type="text/javasc… haradaハック2014.05.16 1,359
最近よく使うEmmet記法 少し長めの記法も一度覚えてしまえば使う頻度がかなり上がってきたのでご紹介。 fsz10px → font-size: 10px; ff → font-family tac → text-align: center; po… ゴトーハック2014.05.15 215
FontAwesomeの応用利用 サンプルはこちら。 See the Pen ElCvH by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. Webフォントアイコンとして人気のFontAwesomeを規程のクラス… ゴトーハック2014.05.15 411
Sassではじめる擬似オブジェクト指向型CSS 「オブジェクト指向型CSS」といっても新しい記法などではなく、CSSの組み方の概念を指します。CSSの効率化を考えている人は無意識的にすでにやっているかも知れません。 たとえば下記のようなCSSがあったとします。 .bo… ゴトーハック2014.05.14 405
最後からN番目にスタイルを指定するCSSセレクタ「:nth-last-of-type(N)」 li:nth-last-of-type(2){ font-weight:bold; } <ul> <li>スタイルは適用されません。</li> <li>スタイルは適用されま… Yukimi Satoハック2014.05.07 594
IE7でもinline-blockを使う IE7ではinline-blockが効きませんので、IE7にも対応させたい場合CSSを下記のように指定する必要があります。その他細かい調整はIE7用ハックの*:first-child+html{~}ハックを使うことで対応… haradaハック2014.05.01 237
N個で繰り返すCSSセレクタ「:nth-child(Nn+1)」 div{ margin-left:10px; } div:nth-child(3n+1){ margin-left:0; } <div>margin-left:0;が適用されます。</div> &… Yukimi Satoハック2014.05.01 533
N個にスタイルを指定するセレクタ「:nth-child(N)」 :nth-child(N){ background:#CCCCCC; } N個目に背景色が適用されます。指定は数字の他に「odd(奇数)」「even(偶数)」も指定することができます。 Yukimi Satoハック2014.05.01 276
サイト内で不要なセレクタをリストアップするFireFoxアドオン「Dust-Me Selectors」 https://addons.mozilla.org/ja/firefox/addon/dust-me-selectors/ ページ単位で見てくれるツールやサービスもありますが、こちらのアドオンはサイトまるごと見て不要セ… Yukimi Satoハック2014.04.30 385