2013年11月29日のブックマーク (2件)

  • 960.gsでCSSが苦手な人でも簡単段組みデザイン : エクスギア Blog

    開発者にとって大変なこととは開発をすることよりも大変だと思うことがあります。それはデザインに関する部分です。 たとえば、私にとって3段組みのモックのHTMLを主要ブラウザできちんと表示されるCSSで奇麗に何の資料も見ずに作成することはとても至難です。 知識はありますが、全てを正しく記憶しているわけではないので時間が掛かります。 デザイナーさんに頼めば済むといえばそれまでですが、ちょっとしたアプリケーションを作ってみたいなど開発できる人がCSSを使えるメリットは大きいと思います。 というわけで、CSSを簡単に利用できるCSSフレームワークは数多くあるのですが、私が個人的に気に入っているCSSフレームワークである960 Grid System(960.gs)について紹介したいと思います。 960.gsとは 最小限のブロックとなる要素の幅を決めて、そのブロックの倍数でデザインしていくグリ

  • かなり便利なCSSフレームワーク「960 Grid System」を使ってみた – bl6.jp

    ちょっと前から気になっていたCSSフレームワーク「960 Grid System」を試してみました。かなり自由に自分の好きなグリッドにすることができるのでとても便利です。上下左右の余白なんかもこれを使えば楽に統一することができそうです。 [ads_center] 使い方 まずはこちらのサイトからファイルをダウンロードします。 960 Grid System ダウンロードしたフォルダの中には色々なファイル入ってますが使用するのはcodeというフォルダです。codeフォルダの中にはdemo.htmlというファイルがあるのでこれを参考にしながら試してみました。ちなみにdemoを開くとこんな感じです。 実際に見たい場合は以下のページをどうぞ デモページ CSSクラスを指定する 基的には12カラムの場合1カラム60pxになり左右10pxずつのmarginが設定されており、余白も含めると1カラム80

    かなり便利なCSSフレームワーク「960 Grid System」を使ってみた – bl6.jp
    ichrsnpi
    ichrsnpi 2013/11/29
    grid