レスポンシブウェブデザインのCSSフレームワークをまとめていきます。様々なフレームワークがありますがなるべくシンプルで分かりやすくすぐに使えるものを選んで更新していきたいと思います。
PURE
https://matome.naver.jp/odai/2136564404191354801/2136981292150450503
Pure Base Grids Forms Buttons Tables Menus Customize Extend Layouts Skin Builder YUI Library Pure A set of small, responsive CSS modules that you can use in every web project.
きました。フラットUI風の軽量&レスポンシブ対応CSSフレームワーク。これはBootstrapなどと同様にかなり開発者やモックアップ作成などに重宝しそう!
skel.js
https://matome.naver.jp/odai/2136564404191354801/2136936052924260803
デスクトップ・タブレット・スマフォ向けのレスポンシブ対応サイトを作成する超軽量(19KB)のスタンドアローンのスクリプトです。 jQueryなどの他のスクリプトは必要なく、外部スタイルシートも必要ありません。 是非試してみたい!
Bootstrap
https://matome.naver.jp/odai/2136564404191354801/2136564601791890703
Bootstrap Home Get started Scaffolding Base CSS Components JavaScript Customize Bootstrap Sleek, intuitive, and powerful front-end framework for faster and easier web development. Download Bootstrap …
おなじみTwitter製のBootstrapです。こちらはよく見かけます。バックボーンとしてTwitterという名前が後押ししてかかなり様々なところで使われているため、Tipsが豊富かもしれません。
Kube CSS
https://matome.naver.jp/odai/2136564404191354801/2136564601791890403
Follow us on Twitter Log in Sign up Redactor Kube About Support Blog Kube Download Typo Grid Forms Tables Goodies Btns Navs Icons JS Professional CSS-framework Minimalistic and sufficient for everyth…
超軽量のレスポンシブフレームワーク。軽すぎ。さらに基本CSSスタイルのなどもサイトに分かりやすく掲載されてるので、理解しやすく便利そう。エンジニアのスケルトン作成でもかなり使えそう。
Amazium
https://matome.naver.jp/odai/2136564404191354801/2136564601791889503
Download Amazium (76kb) The basics… 960 Grid Offsetting Typography Show/Hide Forms & Tables Media Queries Images Videos The basics… So what is Amazium I hear you ask, well you may have been heari…
これはあまり耳なじみがないレスポンシブフレームワークですが、ブラウザサイズによってレイアウトが組変わるため、想定しているサイト構成が近い場合にはかなり実装が捗るかも。960pxベース。404エラーページとかもあるようです。
Skeleton
https://matome.naver.jp/odai/2136564404191354801/2136564601791889303
Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development
まっさらなフレームワーク。レスポンシブでは制作工程がアジャイル的になるため、こういったシンプルなフレームワークですぐにプロトタイプを作っていけるように進めたい。
Less Framework 4
https://matome.naver.jp/odai/2136564404191354801/2136564601791889203
Less Framework 4 An adaptive CSS grid system. What It Is How It Works Getting Started What It Is Less Framework is a CSS grid system for designing adaptive websites. It contains 4 layouts and 3 sets…
さまざまなカラムに対応したレスポンシブフレームワークLess Framework 4
Foundation
https://matome.naver.jp/odai/2136564404191354801/2136564601791889003
Foundation by ZURB is the most advanced responsive front-end framework in the world.
12カラムで構成されたレスポンシブなフレームワークFoundation。さまざまな端末に合わせて背景も縮小されます。
https://matome.naver.jp/odai/2136564404191354801
2013年05月29日