[B! css] furu33のブックマーク

CSS Frameworkを持つ - ゆーすけべー日記

例えば、Webサービスのフロントエンドのコードを書き始める時にまず何をするでしょうか？デザインスケッチや画像を元にHTMLとCSSを記述していくことになると思います。少なくとも僕はそうですね。理論的にはHTMLだけでもWebサービスを作ることはもちろんできますが、見た目を少しでも調整したいとなるとCSSが必要になります。例えばCSSを使わないHTMLの場合、いくら単純なレイアウトだとしても、デフォルトのリンクの色を変えたかったり、フォントを変更したかったり、要素ごとの余白をどうにかしかったりと最低限の要望が出てきます。こうした最低限のCSSに対するニーズは共通化して自分なりのCSS Frameworkとして持っておくとよいと思います。近頃、一からCSSを記述しなくなったのもこうした考え方のおかげです。今Web上で配布されて利用可能なCSS Framworkが非常に増えて

furu33 2012/03/06

リンク

CSS3をサポートしていないブラウザでどのように見えるか簡単に確認できるブックマークレット -deCSS3

CSS3でスタイルした箇所をサポートしていない古いブラウザ、まぁ主にIEなのですが、でどのように見えるのか簡単に確認できるブックマークレットを紹介します。

furu33 2012/02/11

css

リンク

[CSS]シンプルなHTMLで角丸のタブをより美しく実装するチュートリアル

画像を使用せずに、リスト要素で実装したシンプルなHTMLで角丸のタブをより美しく実装するチュートリアルを紹介します。 (Better) Tabs with Round Out Borders [ad#ad-2] 下記は各ポイントを意訳したものです。デモ実装デモデモはChrome, Safari, Firefox, Operaでご覧ください。 IEはたぶんIE10で対応するはずです。デモページ実装まずは、HTMLから。 HTML タブをシンプルなリスト要素で実装します。 <ul class="tabrow"> <li>Lorem</li> <li>Ipsum</li> <li class="selected">Sit amet</li> <li>Consectetur adipisicing</li> </ul> [ad#ad-2] CSS CSSの実装は、少しずつキャプチャと