tab css style タブメニューのCSS

コンテンツを効率的にレイアウトしたいときにタブを使ってレイアウトすることはよく有ります。
そんな時にCSS+javascript で実装するサンプル
javascript は Yetii (ちょっと古いけど使い ...
SNSボタンをきれいに横並びに

HP上にSNSの各ボタンを並べるのを今更ながらやってみたら、余分なスペースがあったり、ガタガタになってしまったので、今後きれいに横並びできるようにするための覚え書きです。
今回は、Twitter、Google+、Faceb ...
nth-child、last-childをie8でも使いたい

カラムを横並びにしたいときに:nth-childは便利です。
でもIE8以下は対応してません。
※ :first-child は、ie7から対応してます。
どうしてもie8でもnth-child擬似 ...
jquery無しCSSのみの縦型ドロップダウンメニュー

アニメーションがなくても良い場合はcssだけドロップダウンメニュー作れます。
HTML
<ul class="nav"><li><a href="#">nav1</a> ...久しぶりのIE7 バグ

最近はIE7は動作対象からはずすことが多くなったので、忘れていた(知らなかった?)バグに遭遇。備忘録として残します。
その1: floatした要素の中身が表示されたり、されなかったりする。<dl& ...
クロスブラウザ(IE8以下でも)opacity,RGBaに対応する

IE8以下では透明の要素(opacity,rgba)には対応していませんが、
IE8以下でも対応させるには
Retina Display用のMedia Query

Retina 対応の画像を用意する場合
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {@mediaonly s ...config.rbに追記するべき

imagesフォルダへのリンクはデフォルトだと絶対パスになる。
それを相対パスになるようにするには
生成されたcssにcompassのコメントが入るのを消したい
l ...scss でフォントサイズをremで指定するmixin

今さらながら、SCSSからCompassを使いはじめました。
今さらながら、その便利さに驚愕している日々です。
いろいろ覚えておきたいことは一杯あるのですが今日は基本となるfont-sizeの指定をカンタンにで ...