Wing - ミニマリストCSSフレームワークWebデザイナーが欲しい

フロントエンドのエコシステムはいっぱいです オープンソースフレームワーク 開発プロセスを改善するために作られました。通常、誰もがこれらのフレームワークとは異なる何かを望んでいます。何人かの人々が探す 美学 他の人が欲しい間 速度 または 使いやすさ.

翼 新しいフレームワークとミニマリストの親友です。それは付属しています デフォルトのグリッド設定, カスタム要素, そして 合計5 KBのコンポーネント.

おそらく翼についての最もよい部分は デフォルト要素の自動スタイル設定. Wing CSSスタイルシートをプロジェクトにドロップするだけですぐに変更に気付くでしょう.

デフォルトのテキスト、リンク、およびページ要素 自動的に自分自身を形作る Wingのデザインに基づいています。あなたもすることができます あなた自身のクラスを追加する ページに美観を追加する.

翼は 960pxグリッドシステム を使って 12列構造. これは非常に簡単な設定で、960pxグリッドは通常、今日のワイドスクリーンの視聴者にとっては小さすぎると考えられています。しかし、あなたがより小さなウェブサイトが好きなら、これは素晴らしい選択です。.

http://usewing.ml/はクレイジーシンプルで、次のようなものです：

 
 
1
 
2
 
3
 
 

あなたが含めることができます 翼の完全なコピー Unpkg CDNから。彼らは彼らのファイルを最新バージョンで最新に保つので、あなたは決してファイル名を変更する必要はありません。ただ このURLをあなたのヘッダに追加してください そして、あなたは現在のWingフレームワークへのフルアクセスを得るでしょう.

あるいは、パッケージをダウンロードすることができます。 npm経由 またはソースのコピーを引き出す GitHubから直接.

私はWingをはるかに小さいCSSフレームワークであるNormalize.cssと比較したいと思います。 ライブラリをリセット. 実際に翼 デフォルトスタイルが付属 Normalize.cssは、すべてのブラウザで同じように機能するように要素をリセットするだけです。.

両方の美しさはあなたが持っているということです フルコントロール に 編集する, 再スタイル, そして リフォーマット そのページはぴったりだけど.

すべてのドキュメントとコードスニペット Wingのホームページで見つけることができるので、あなたがあなたのサイトをどのように設定するかわからない場合はそのガイドを使ってください.