web-dev-qa-db-ja.com

Twitter Bootstrapのような他のCSSツールキット?

人気のある Twitter Bootstrap のように使用できるCSSツールキットとリソースを見つけることができる場所を探していました。

任意のヒント?

44
Mark

html5boilerplate は私のお気に入りのツールキットです

15
stephenmurdoch

Yahoo!最近作成された Pure (ソースは GitHub で利用可能)。

Pureは以下を提供します:

  • CSS Foundationに基づいて構築された Normalize.cssで、ブラウザ間の問題が最小限に抑えられます。
  • リスト、メニュー、ボタン、フォーム、テーブルなどの一般的なUIコンポーネントのスタイル
  • すべてのデバイスのサイトを構築するための包括的なレスポンシブグリッドシステム

これは、非常に軽量であり、ブートストラップの20KBと比較して、4.4KBの縮小されたgzip圧縮された総フットプリントです。 Yahoo!はCDNからアクセスできます。提供します。

既存のルールを上書き/変更するよりも、新しいCSSルールを作成する方が好ましいという観点で作成されました。そのため、最小限のスタイルで出荷されています(したがってサイズ)-独自のスタイルを作成する必要があります。

8
GordyD

セマンティックUI は本当に素晴らしいです。ブートストラップが好きなら、もっと気に入ってください!

8
newprog

Zurb Foundation も非常に優れていると思います

6
Saad

Blueprint も人気のあるCSSフレームワークの1つです。

3
James

別の選択肢として skeleton を試してください。

3
gerl

良いCSSフレームワークが必要なだけなら、 [〜#〜] yaml [〜#〜] も素晴らしい代替手段です。

3
pklaus

UIフレームワークの選択は、関連するテクノロジースタックに依存します。 AngularJSでSemantic-UI( http://semantic-ui.com/ )を使用します。私を信じて、彼らはお互いのために作られています!

Semantic-UIは、レスポンシブWebデザインとモバイルコンポーネントを適切にサポートします。

3

作業を楽しんでいただけるCSSフレームワークのリストを以下に示します...

  • base -IE7 +をサポートするレスポンシブCSSフレームワーク
  • [〜#〜] basscss [〜#〜] -低レベルCSSツールキット
  • bootflat -Bootstrap with flat design theme
  • Bootswatch -Bootstrapのテーマのコレクション
  • bulma -FlexboxベースのCSSフレームワーク
  • cardinal -Cardinalは小さなモバイルファーストCSSフレームワークです
  • キャラメル -シンプルで美しい、応答性の高い最新のCSSフレームワーク
  • HTML Starterkit -レスポンシブWebサイトを開始するHTML5テンプレート
  • kube -最小限のWebフレームワーク
  • Material Design Lite -HTML/CSS/JSのMaterial Design Liteコンポーネント
  • マテリアライズ -マテリアルデザインに基づく最新のレスポンシブフロントエンドフレームワーク
  • Metro UI -Windows MetroスタイルでWebサイトを開発するためのフロントエンドフレームワーク
  • ミリグラム -開始点を早めるための最小限のスタイル設定。
  • mini.css -最小限の、応答性の高い、スタイルに依存しないCSSフレームワーク/ツールキット
  • mui -マテリアルデザインを実装する軽量のHTML/CSS/JSフレームワーク
  • papier -最小限のCSSフレームワークのようなマテリアルデザイン
  • pavilion -未意見のCSSフレームワーク
  • picnicss -軽量UIライブラリ
  • pure -小さくてレスポンシブなCSSモジュールのセット
  • semantic-ui -たくさんのテーマと要素を含むUIキット
  • スケルトン -シンプルで応答性に優れたボイラープレート
  • tachyons -モジュラーUIフレームワーク
  • ikit -軽量でモジュール式のフロントエンドフレームワーク
3

bootstrap Twitterに似た別のものがあります。試してみてください HTMLKickStart

2
user2244112

あなたが何かを探しているなら:

  • クロスプラットフォームスタイリング(iOS、Android、WP、Web)
  • さまざまなテーマで使用できます
  • フレームワークに依存しない
  • モバイルでもデスクトップでも使用できます

Mobiscroll Forms をご覧ください。

0
Levi Kovacs

無料で非常に軽量なLitestrap CSSツールキットを参照してください: http://js.plus/products/litestrap

Bootstrapと同じですが、グリッドのみ(足場)。

0
Dan Spirit