CSS関連
- 写真に回り込むデザイン例1（2011年11月08日）
▼HTMLソース部 [html] <div id="items"> <div class="item"> <img src="photo.gif" width="80" height="80" alt="photo" /> &...
- CSSのafter疑似要素で回り込みを解除するコード（2011年11月08日）
回り込みを解除したい要素に、以下のコードを追加します。 [css] .box { zoom: 100%; } .box:after { content: ""; clear: both; height: 0; display: block; visibility: hidde...
- コピペで出来るCSS3で見出しスタイリング（2011年10月20日）
見出し(h1〜h6)のスタイリングを、CSS3を使って角丸や影を表現するなどの方法が紹介されています。 ◎CSS3グラデーションを生成するサイト
- clearfixのまとめ（2011年10月18日）
フロートをクリアする手法は色々ありますが、よく使われる「clearfix」についてまとめてみた。 以下のコードをcssに追加します。 [css] .clearfix:after { content: "."; display: block; ...
- 使われていないCSS設定があるか教えてくれる『Unused CSS』（2011年09月23日）
使われていないCSS設定って、結構あるんです。 修正を加えていくと、記述がどんどん増えて、余計な設定が残っていて。 簡単に整理できないのかなあ？って思っていたところ、こんなサービスを見つけました。 Unus...
- CSSだけで画像のリサイズを処理（2011年09月10日）
[css] .photo img { max-width: 300px; max-height: 450px; } * html body .photo img { width:expression(this.width >= this.width ? "300px" : "auto"); height:expression(this.h...
- 回り込みを解除する（2011年09月09日）
[css] .clearfix { display: block; } /* Clear Fix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* .clearfix {...
- Instant CSS Code（2010年09月10日）
ウェブプロジェクトに必要なファイルを瞬時に作ってくれる。 ⇒ http://instantcsscode.com/
