CSS

コンテンツを効率的にレイアウトしたいときにタブを使ってレイアウトすることはよく有ります。

そんな時にCSS＋javascript で実装するサンプル

javascript は　Yetii (ちょっと古いけど使い ...

HP上にSNSの各ボタンを並べるのを今更ながらやってみたら、余分なスペースがあったり、ガタガタになってしまったので、今後きれいに横並びできるようにするための覚え書きです。

今回は、Twitter、Google+、Faceb ...

カラムを横並びにしたいときに:nth-childは便利です。

でもIE8以下は対応してません。

※ :first-child は、ie7から対応してます。

どうしてもie8でもnth-child擬似 ...

アニメーションがなくても良い場合はcssだけドロップダウンメニュー作れます。

HTML

<ul class="nav"><li><a href="#">nav1</a> ...

最近はIE7は動作対象からはずすことが多くなったので、忘れていた（知らなかった？）バグに遭遇。備忘録として残します。

 

その１：　floatした要素の中身が表示されたり、されなかったりする。<dl& ...

IE8以下では透明の要素（opacity,rgba）には対応していませんが、
IE8以下でも対応させるには

opacity:0.7;filter: alpha(opacity=70);/* ie5-7 */-ms-fil ...

 

Retina 対応の画像を用意する場合

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {@mediaonly s ...

imagesフォルダへのリンクはデフォルトだと絶対パスになる。
それを相対パスになるようにするには

relative_assets = true

生成されたcssにcompassのコメントが入るのを消したい

l ...

今さらながら、SCSSからCompassを使いはじめました。

今さらながら、その便利さに驚愕している日々です。

いろいろ覚えておきたいことは一杯あるのですが今日は基本となるfont-sizeの指定をカンタンにで ...