タグ

960 grid systemに関するi96tvkkoのブックマーク (2)

  • 約36時間でレスポンシブデザインを作る!効率最優先で作るため必要だったリソースや情報色々 | バンクーバーのうぇぶ屋

    先日このブログをリニューアルさせて頂いた旨をご報告させて頂きましたが、今回のリニューアルの主目的だったレスポンシブデザイン化について、とにかく効率優先で作業させて頂いた時のリソース関連や情報を一度僕自身の忘備録として抜粋してまとめさせて頂こうと思います!以前別のブログを作った時もそうですが、基僕はとにかく効率重視派です。細部に渡る美しいデザインや、ガリガリのプログラミング。標準に法ったコーディングとかはその道のスペシャリストが仲間内に居るので、今回も僕は効率化に焦点を当てています! ご紹介させて頂くのは主にFacebookやTwitter周りで共有させて頂いてきたリソースばかりですが、実際に使ってみると見えてくる注意点や、戸惑った部分、周りのデザイナーにも知っておいて欲しい部分等が見え隠れしてきたので、まずはその辺りを中心に、作業ステップ毎に簡単にご説明させて頂こうと思います。 僕と同じ

    約36時間でレスポンシブデザインを作る!効率最優先で作るため必要だったリソースや情報色々 | バンクーバーのうぇぶ屋
  • 縦書き文庫の開発日誌 960 grid system メモ

    2009年12月 / 11月≪ 12345678910111213141516171819202122232425262728293031≫01月 ブラウザごとのレイアウト整合性を確認するのがしんどくなってきたので、何か統一的に使えるCSSフレームワークを導入しようと思いました。  以前に同じようなことを思ってblueprint.cssを使ってみたのですが、IEのときに別ファイルを読まないといけない仕様が面倒だな、と思っていました。  しかし、960 Grid System というグリッドフレームワークではそういうことはないみたいです。素晴らしい。  グリッドのサイズを自分好みに変えたい場合は、こちらのジェネレーターから作成できるようです。  使い方はデモページをFirebugの「要素を調査」などで追いかけるだけでわかりますが、毎回調べるのもあれなので、自分用の覚え書きを残しておきます。b

  • 1