Spectre.css - 軽量のFlexboxベースのレスポンシブCSSフレームワーク

に飛び込みたいのなら フレックスボックスのレイアウト それなら今こそスタートするのに最適な時期です。現代のブラウザは フレックスボックスのプロパティを最後に受け入れる そして、より多くの開発者が行動に入っています.

しかし、できればなぜ最初から始めるのか 再利用可能なコードの上に構築する? Spectre.css あなたがflexboxに慣れていない場合は使い始めるのに最適なフレームワークの1つです。.

この無料のオープンソースフレームワークには、 機能グリッドシステム そして 一般的なフレックスボックスプロパティ. それ Gulpに頼る あらゆるコンピュータから、CSSをその場でコンパイルおよび実行するため.

また LESSを使用 Sassの代わりに、LESSユーザー全員にSpectreと素晴らしい選択をすることができます。.

npmからの1つのダウンロードはあなたが必要とするすべてを含みます： CSSアイコン、ミックスイン、変数, そして典型的なCSSフレームワークからあなたが期待する他のほとんど何でも.

すべてのコードは 完全に意味 そして すべてのHTMLテキスト要素をサポートします, 新しいものでさえも . 文字スタイルも 東アジアのフォントをサポート 中国語、日本語、韓国語などの言語で.

発見できる たくさんの例 に “要素” どのページ デザインサンプルを一覧表示 テキスト、ボタン、表、アイコン、およびWebフォーム用（特に）.

幽霊も付属しています コンポーネントのトン 最初からコーディングに費やす時間を節約できます。. 動的機能, といった ポップオーバー そして ドロップダウンメニュー, ほんの数行のコードで、どんなレイアウトにも追加するのがとても簡単です。.

このフレームワークは まだかなり新しい そしてそれは常に変化しています。これを書いている時点では、Spectreは v0.2 そして持っています 実験的な機能がたくさん あなたが試すことができます.

しかし、主要コンポーネント、ページ要素、およびグリッドは 完全に機能的 そして ライブプロダクションサイトの準備ができて. 幽霊はフレックスボックスグリッドとLessで実行されている最高のCSSフレームワークの一つです。.

詳細については、をご覧ください。 ドキュメントページ インストールとセットアップをカバー.

コードのコピーをダウンロードすることもできます GitHubから直接 これもドキュメントのための小さなセクションを持っています。そして、あなたがあなたの考えを共有したいのなら、あなたは公式アカウント@spectrecssをツイートすることができます.