タグ

WebDesignとframeworkに関するzerr3596のブックマーク (3)

  • 複雑なグリッドに対応した軽量CSSフレームワーク·Golden Grid MOONGIFT

    ※ 画像は公式サイトデモより Webサイトを作っていて、複雑なページ構成をCSSだけで組もうとするとすぐに無理がくる。floatやclear、left/rightなどを組み合わせるのだが思い通りにいかない。やっとできたと思ってIEでみたらぶっ飛んでいた、なんてことはざらにある。それだけでもうやる気がなくなってしまうことだろう。 サンプル1 そのような悲惨な目に遭わないためのテクニックがCSSフレームワークの活用だ。あまり重厚なものでなく簡易的なものをと思っているならGolden Gridを使ってみよう。 今回紹介するオープンソース・ソフトウェアはGolden Grid、970pxを横幅にしたCSSフレームワークだ。 最近のWebサイトでは970pxあたりがよく使われる。既に800×600の時代は終わり、1024pxの画面でも十分見られるサイズと言う訳だ。Golden Gridもそれに対応し

    複雑なグリッドに対応した軽量CSSフレームワーク·Golden Grid MOONGIFT
  • [CSS]全幅960+10pxをベースに汎用的に展開するグリッドシステム

    全幅970px(960+10px)の6カラムと12カラムのグリッドをベースにし、汎用的に展開できるように設計されたグリッドシステム「The Golden Grid」を紹介します。 The Golden Grid ベースとなる6カラムと12カラムのグリッドは、下記のようになっています。 6カラムの構成 1カラム:150px、マージン:10px 150*6+10*7=970px 12カラムの構成 1カラム:70px、マージン:10px 70*12+10*13=970px

  • 今時のWebサイトを構築するのに便利そうなCSSフレームワーク·Malo MOONGIFT

    海外に見る最近のWebサイト(特にトップページ)のデザインは、縦に何段かに分かれたデザインが多い。一番上は大きな画像とともに二段構成、その下が2×2のテーブル組みなどでサービスの特徴を書き、次に横並びの3段で利用者の声といった具合だ。 今時のWebサイトっぽいデザインが簡単に まぁテーブルで組めばできないことはない。だがそれはださい、ださすぎる。CSSだけでどうにかしたい所だが、ブラウザの互換性も含めて考えるとプログラマにはとても無理だ。Firefoxで見られるように何とか組んで、IEで見たら吹き飛んでいた…なんてなったらもうやる気がなくなる。そんなことになる前に使いたいのがMaloだ。 MaloはGoogle Code上で公開されているCSSフレームワークで、GPLの下に公開されている。 Maloが実現するのは複雑な、それでいて簡単に設定できるCSSデザインだ。ヘッダとフッターを設けた上

    今時のWebサイトを構築するのに便利そうなCSSフレームワーク·Malo MOONGIFT
  • 1