スマフォ対応の洗練されたUIエレメントがすぐに実装できるCSSとJSの開発キット -Skeleton
Post on:2011年5月26日
iPhoneでもデスクトップ用のブラウザでも美しく見えることに重点をおいた、CSSとJavaScriptの小さなファイルのコレクションを紹介します。

Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development
[ad#ad-2]
Skeletonでは、ページに使用するさまざまな実用的なエレメントが用意されています。

The Grid -グリッド

Typography -タイポグラフィ

Buttons -ボタン

Tabs -タブ

Forms -フォーム
[ad#ad-2]
Skeletonの特徴
-
- スマフォ対応のグリッド
- Skeltonでは軽量の960pxのグリッドシステムを採用しています。
ブラウザやタブレット、スマートフォンなどスクリーンのサイズが小さくなると、そのサイズに最適なレイアウトに変更します。
-
- Fast to Start
- 洗練されたベーシックなUIエレメントをあらかじめ用意してあるので、すばやくサイトの制作が始められます。
-
- Style Agnostic
- SkeltonはUIのフレームワークではありません。最もベーシックなスタイルを提供していますが、あなたの好きなデザインを適用することができる開発キットです。
Skeltonの対応ブラウザ・デバイス
- Latest Chrome (Mac/PC)
- Firefox 4.0, 3.6, 3.5, 3.0 (Mac/PC)
- Latest Safari
- IE9, IE8, IE7
- iPhone (Retina)
- Droid (Charge/Original)
- iPad
IEの各バージョンの対応は条件付きコメントを使用しています。
sponsors