Webサイトレイアウト。今が旬なのか？センタリングデザインについて考える。 / Maka-Veli .com
Webサイトのデザインをセンター寄せにすると 印象がガラっと変わって見えますよね。 昔からあるレイアウトですが、 あまり見かけなくなったかなーとおもいきや、最近、 また気になり始めました。 横幅サイズ拡大による見え方の変化 これも今更な話しですが・・・ 今のモニターサイズ感だと、かなりダイナミックな物が作れると思います。 横幅が900程のサイトでも、 今主流のモニターは解像度幅は低くても大体1200はあるのではないでしょうか 更に、当ブログのようなターゲットの場合、 見られている方のモニター解像度幅はかなり大きくなります。 ※当ブログのユーザー解像度 あれ・・・意外と1280多いですね。もっと高いと思った。。ただ1位は1920ですね。 センター寄せを意識したデザインの場合、 サイドの余白や伸びた背景を上手く使えば、 とてもキレイで洗練された印象を与えられると思い
David DeSandro: jQuery Masonry
Masonry is a layout plugin for the ever-popular Javascript library jQuery. Download jQuery Masonry Think of Masonry as the flip side of CSS floats. Where as floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. The result leaves no vertical gaps between elements of varying height, just like a mason fitting stones in a wall. Invoking Masonry only
サイトのレイアウト時に役立ちそうなレイアウトパターン集「12 Standard Screen Patterns」:phpspot開発日誌
12 Standard Screen Patterns サイトのレイアウト時に役立ちそうなレイアウトパターン集「12 Standard Screen Patterns」 次のような感じで、状況に応じた適切なレイアウトパターンのサンプルイメージと、実装例サイトを紹介しています。 例えば、その１の、Master/Detail というパターンであれば、左、あるいは上部にナビゲーションを置いて、右あるいは下にコンテンツを表示するパターンです。 具体例でいけば、iTunesやWindowsのエクスプローラーが同じようなＵＩですね、というサンプル例が多数紹介されています。 他にも12のパターンが紹介されていて、ＵＩに迷った時はこれを参考にすると糸口が見つかりそうな気がします。 関連エントリ HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグイン 複雑なCSSレイアウトもサク
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
