JSやCSSを圧縮してくれるウェブサービス「Compress javascript and css」 http://compressor.ebiene.de/ 圧縮したいソースを貼り、クリックするだけで圧縮されます。このサイトのソースも完全に圧縮されているのが面白いですね。 Yukimi Satoハック2014.04.30 466
最後の要素にだけスタイルを設定できる「:last-child」セレクタ li:last-child{ color:red; } <ul> <li>スタイルは適用されません。</li> <li>スタイルは適用されません。</li> &… Yukimi Satoハック2014.04.28 276
最初の要素にだけスタイルを設定できる「:first-child」セレクタ li:first-child{ font-weight:bold; } <ul> <li>太字が適用されます。</li> <li>スタイルは適用されません。</li&… Yukimi Satoハック2014.04.28 439
「◯◯でない場合」にスタイルを適用する「:not」セレクタ a:not(.test){ color:green; } <p><a href="#">通常リンク</a></p> <p><a hre… Yukimi Satoハック2014.04.25 356
border-boxを使って作成したWebサイトをIE7でも対応させる方法 とても便利なbox-sizing: border-boxプロパティですが、IE7では利用できません。それでも使いたい場合に対応させる方法です。 1.ツールを使う box-sizing-polyfillを利用すると使えるよ… haradaハック2014.04.24 540
divを親divに対して真ん中に配置する 子divを親divの真ん中に配置するためのCSSです。 HTML <div class="wrap"> <div class="inner">コンテンツ&l… haradaハック2014.04.23 810
「titleの値が”タイトル”から始まる場合」のスタイルを指定する方法 a[title]{ color:red; } a[title="タイトルは斜体です"]{ font-style:italic; } a[title^="タイトル"]{ font-w… Yukimi Satoハック2014.04.23 232
CSSで特定のattributeが付与されているものに対してスタイルを指定する方法 a[title]{ color:red; } a[title="斜体のタイトル"]{ font-style:italic; } <p><a href="#">… Yukimi Satoハック2014.04.23 195
一行目だけにスタイルを指定できる「:first-line」セレクタ p:first-line{ font-size:30px; font-weight:bold; } Yukimi Satoハック2014.04.22 609