デザインに説得力を！！基本のレイアウト表現のやり方４つ | WP-E (仮)
こんにちわ！確定申告がまだ終わっていないまゆげです。最近はリアルでも、WordPressに関することやディレクションのことばかりなので、たまにはデザインのことについても熱く語っておきたいと思い、基本的なことですがしっかりとまとめてみました！ 意味を持つデザインを作るために Webデザインを考える際には、誰しもがインスピレーションを求めて参考になるようなサイトを見てまわることはあると思います。そんなときに 「あッ！」 と思わせるデザイン、ありますよね。ただ見惚れるだけでなく、それを 「なぜ？」 と考える癖をつけておくと、自分の知識を深める一つの材料になるかもしれません。 目次 シンメトリーレイアウト 対角線を意識したレイアウト 三角形を意識したレイアウト 黄金比・白銀比のレイアウト シンメトリーレイアウト シンメトリーとは、配置が対称であることです。よく目にするデザインは鏡像対称性をもったデ
多数アイテムの絞り込みや並替えを超クールに演出できるjQueryプラグイン「Isotope」:phpspot開発日誌
Isotope 多数アイテムの絞り込みや並替えを超クールに演出できるjQueryプラグイン「Isotope」。 デモページ上部の Filter や Sort、Layout 部分のボタンをクリックすると、下に並ぶ多数のアイテムがそれぞれアニメーションしながら並び替わります。 例えば、iPhone等でページを見ていて、ブログの記事項目が多い場合、フィルタやソートをした方が見やすい場合があったりしそうですが、そんな場合もクリック一発で求める情報に絞り込めて便利。 ただ絞り込むだけではなくアニメーションがクールに演出してくれます。 デフォルトの並び。これだけ見ても綺麗ですが、ボタンクリックでソートすると・・・。 次のようにレイアウトががらりと変わります。 アニメーションがいいです。レイアウトなんかも替えられます。 アイテムを絞りこむと次のようにアイテムが少なくなって見やすくなります。 尚、商用で利
長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」:phpspot開発日誌
長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」 2011年02月03日- Multi-column lists | jQuery Plugins 長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」。 <ul><li>1</li><li>2</li> ....... </ul> と、長い ul リストを、jQuery("ul").columns(5, true);のようにすることで、5行に勝手に分割してくれます。6行にしたければ6を指定 次のようになります。 通常これをやろうとすると、数値で割って、規定値にきたら一旦</ul>で閉じてみたいなことをする必要がありますね。 これをたった1行で出来るというのはかなりHTML出力側のプログラムが楽ちんになり、頭を使う必要がないですね。 行
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
