Blog

レスポンシブのコーディング時に参考にしたいレイアウトサンプル集

レスポンシブのコーディングは通常のサイトコーディングと違った書き方をした方がいい時があります。

たまにレスポンシブ化されているサイトのソースを見て、「こんな風にやってるんだ〜」と思いながら、
実際に似たようなレイアウトがある場合、参考にさせていただいたりしていますが、そのレスポンシブのパターン集なるサイトがありました。

Responsive Web Design Patterns

Responsive Web Design Patterns  This Is Responsive

こちらのサイトは、

  • レイアウト
  • ナビゲーション
  • イメージ(画像)
  • メディア/データ
  • フォーム
  • テキスト
  • モジュール(カルーセルやタブ等)

といったレイアウトのパターンがあり、
DEMOを見ることができます。

あとはDEMOのページをFirebugかなにかでソースを見ればその手法がわかります。

初心者はもちろん、経験者にもなにかしら得れるものがあるかと思います。

Responsive Web Design Patterns | This Is Responsive

Author Profile

Y.A
アベと申します。 ディレクター兼デザイナー兼コーダーです。 まだまだ未熟者ですが、日々頑張っています。。。
» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ