[CSS]floatの制作チュートリアル -Floatutorial
CSSで、マルチカラムのレイアウト、画像、ドロップキャップなどfloatを使用して制作するチュートリアルを掲載しているサイトの紹介です。
Floatutorial: Step by step CSS float tutorial
Floatutorialでは、下記の項目をそれぞれステップに分けて解説しています。
- Floating an image to the right
- Floating an image and caption
- Floating a series of "clear: right" images
- Floating an image thumbnail gallery
- Floating next and back buttons using lists
- Floating inline list items
- Floating a scaleable drop cap
- Liquid two column layout
- Liquid three column layout
Post on:2007年8月22日
Comments
ゆーすけ
on 2007年8月23日
英語なのにわかりやすかったです！なるほどこういうシンプル作りだと使いやすいですね。「Go to Step」のリンクがよかった。基本って大事だと思いました。ユーザビリティの基本に立ち返ることができました。
もちろんCSSの勉強にもなりました。
コリス
on 2007年8月23日
> ゆーすけさん
僕も人のコードを見ると、違った目で自分のコードを見直せるので、とても勉強になります。
info from 1432
on 2007年8月24日
[web][CSS]結局CSSはfloatな気が…
[CSS]floatの制作チュートリアル -Floatutorial | コリス 結局CSSで一番面倒で頭を悩ますのはfloatがらみの部分だと思う。 (more…)