スマフォ対応の洗練されたUIエレメントがすぐに実装できるCSSとJSの開発キット -Skeleton

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

top of page

©2018 coliss