レスポンシブデザインのサンプルを眺める

簡単なサンプルで学ぶ!ゼロからはじめるレスポンシブWebサイト初級編 ~メディアクエリを使ってCSSを分岐させる~ | HTML5でサイトをつくろう
下の方にサンプルのダウンロードリンクがあります。

レスポンシブWEBデザインでフィットネスクラブサイトを作ってみよう | Sichoru
企業サイト的なサンプル。海外のフリーのテンプレートに近い形です。

【HTML5】レスポンシブデザイン テンプレート – HTML5, jQuery役立つ情報ブログ|天下一Web道会
CSSの使い方がわかりやすい。黒い四角を含む左の広告部分がリキッドレイアウトで、画面を小さくすると下に回り込んで席を譲ってくれます。jsのフォルダの場所に気をつければそのまま流用して、ここから自分のサイトのテンプレートが作れそうです。

よくみたら3番目のサイトはコードのみですから、一番上のサンプルコードをダウンロードして必要な要素を足したり引いたりしていくと、リキッドレイアウトの気に入ったサイトができそうです。

国内と海外のフリーで使えるテンプレートをひととおり探してみたのですが、とくに海外のはHTMLがぐちゃぐちゃで気に入ったものが見つかりませんでした。

たった1行で完成?凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER
もうひとつ追加。





工作好き