CSSフレームワークのメモ

デザイン起こしてから、効率的に高速でコーティングするには何がベターなのかな？

960 grid system

• 960 Grid System
  • tutorial
  • video
    • なぜかvideoのチュートリアルのソースのリンク切れてるから、下記リンクからダウンロード*1
    • http://nettuts.s3.amazonaws.com/178_960Framework/960_sc.zip
• 960.gsでCSSが苦手な人でも簡単段組みデザイン : エクスギア Blog

blueprint CSS

• Blueprint: A CSS Framework | Spend your time innovating, not replicating
• Blueprint CSS と仲良くなるツールあれこれ : could
• CSSのフレームワーク『Blueprint CSS』まとめ | IDEA*IDEA
• Blueprint CSSのレイアウト設計をグラフィカルに行う·Boks MOONGIFT

Bootstrap

• Bootstrap
• Bootstrap from Twitter ver1.3.0の使い方を日本語解説して簡単css (web)デザイン - end0tknrのkipple - web写経開発
• デザインが苦手なWebサービス開発者に朗報！今風のデザインがさくっと作れる『Twitter Bootstrap』が凄まじく充実している件 | IDEA*IDEA
• Twitter謹製のCSSフレームワーク『Bootstrap』が大幅バージョンアップ中！ | IDEA*IDEA
• Twitter BootstrapをSASSにする - KUROIGAMEN(黒い画面)
• twitter-bootstrap-rails | RubyGems.org | your community gem host
• http://blog.gnnk.net/twitter-bootstrap*2

etc

• Illustratorで超高速WEBデザイン/ Illustratorで超高速WEBデザインの手順/ 最近流行のWEBサイトのロールオーバー/ 画像をトリミング...

*1:追記:201209

*2:edit:20120111