CSSフロートコード作成のチュートリアルサイト「Floatutorial」


CSSコードのチュートリアルサイト「Max Design」の9つのフローティングチュートリアルです。細かく手順が書いてありますので、わかりやすいのではないかと思います。

詳細は、以下から。1から9のチュートリアル名とデモ画面の画像です。

右にイメージを置く
Floatutorial: Tutorial 1 - all steps combined


イメージとキャプション
Floatutorial: Tutorial 2 - all steps combined


縦にイメージを並べる
Floatutorial: Tutorial 3 - all steps combined


サムネイルギャラリー
Floatutorial: Tutorial 4 - all steps combined


「next」と「back」を使ったリスト
Floatutorial: Tutorial 5 - all steps combined


インラインリスト
Floatutorial: Tutorial 6 - all steps combined


1文字目を大きくする
Floatutorial: Tutorial 7 - all steps combined


2カラムレイアウト
Floatutorial: Tutorial 8 - all steps combined


3カラムレイアウト
Floatutorial: Tutorial 9 - all steps combined


Floatutorial: Step by step CSS float tutorial

・関連記事
死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE

CSSのレイアウト40種類を集めた「Layout Gala」 - GIGAZINE

CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE

使えるCSSコードいっぱい「Dynamic Drive CSS Library」 - GIGAZINE

CSSでWii風のシンプルで角がまるいボタンを作る - GIGAZINE

知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE

0

in ネットサービス,  メモ, Posted by darkhorse_log