CSS

Thumbnail of post image 192

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

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

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

CSS

Thumbnail of post image 042

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

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

2022-05-11CSS

Thumbnail of post image 015

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

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

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

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

2015-04-11CSS

Thumbnail of post image 051

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

HTML

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

2022-05-15CSS

Thumbnail of post image 017

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

 

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

2022-05-11CSS

Thumbnail of post image 083

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

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

2022-05-11CSS

Thumbnail of post image 140

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

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

2022-05-15CSS

Thumbnail of post image 069

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

relative_assets = true

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

l ...

2022-05-15CSS

Thumbnail of post image 179

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

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

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