CSSベースのかっこいいボタンがぱっと簡単に作成できるオンラインサービス -Twitter Bootstrap Button Generator | コリス
Posts Tagged "css"
![[CSS]CSSリセットとは異なる、Normalize.cssの特徴や使い方などの解説 -About normalize.css | コリス](http://25.media.tumblr.com/tumblr_m44jlzAmiS1qa2gpeo1_400.png)
[CSS]CSSリセットとは異なる、Normalize.cssの特徴や使い方などの解説 -About normalize.css | コリス
出典: coliss.com![[CSS]画像やパネルに斜めにしたリボンを重ねるスタイルシート | コリス](http://25.media.tumblr.com/tumblr_m421e2RQPP1qa2gpeo1_400.png)
![[CSS]便利なセレクタの使い方が実例を見ながら学べる -CSS Selectors | コリス](http://24.media.tumblr.com/tumblr_m41zveqe4v1qa2gpeo1_400.png)
![[CSS]ナビゲーションやリストなど、inline-block要素の間にできる隙間を解決する方法 | コリス](http://25.media.tumblr.com/tumblr_m33n9pDDQ21qa2gpeo1_400.png)
ベーシック且つシンプルなレスポンシブWebデザイン対応CSSフレームワーク・Exegesis-Framework - かちびと.net
出典: kachibito.net"
-9999pxのパフォーマンスを改善するテクニックが、これです。
CSS
1 2 3 4 5 | .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden;} |
ポイント
- 9999pxのボックスが描画されないため、パフォーマンスが改善されます。
- テキストがコンテナの外に表示され、長い文字列でも壊れません。
ちらっと試してみましたが、IE6でも平気でした。
" — [CSS]画像置換「-9999px」のパフォーマンスを改善した新しいテクニック | コリス
