CSS
【ボタンデザイン06】春らしい青空色ボタン
見本はこちら http://jsdo.it/Yukimi.Sato/rBvF HTML <a class="btn gradation-sky" href="#">ボタ…JSでブラウザの種類によって付与されるクラスを変える
IE6の時は「.ie6」、IE6以上の時は「.ie7」、FireFoxの場合は「.firefox」、Chromeの場合は「.chrome」が「.browser」に付与されます。 <script type="…【ボタンデザイン05】ビビットでポイントカラーになるピンクボタン
見本はこちら http://jsdo.it/Yukimi.Sato/rBvF HTML <a class="btn gradation-pink" href="#">ボ…
Sassの@extendでclearfixを使いまわす
CSSで多用される、レイヤー内でのfloat解除するためのclearfixですが、通常だと下記のようにレイヤーごとにclearfixクラスを付与させるケースが多いと思います。 <div class="bo…【ボタンデザイン04】ハイライトが若干黄色寄りのグリーンボタン
見本はこちら http://jsdo.it/Yukimi.Sato/rBvF HTML <a class="btn gradation-green" href="#">…Sassを使ってCSSクラスをバージョン分けする
HTMLには手を入れずCSSだけでデザイン変更を行う場合、対象のCSSクラスを編集することになりますが、Sassで記述することで作業効率が上がるのでその方法を紹介します。 たとえば既存のCSSを下記とします。 .navi…Compass(Sass)で特定種類の要素を一括スタイル指定する
Compassの「elements-of-type」関数を利用することで、ブロック要素、インライン要素といった特定種類のHTMLタグを一括してスタイル指定することができます。 Sass記述 #{elements-of-t…