WebプロジェクトをキックスタートするためのピクニックCSS軽量CSSライブラリ

一部の開発者は、その機能豊富なスタイルのために、Bootstrapなどの詳細なUIライブラリを好みます。しかし、のために作られた多くの小さなCSSライブラリ 微妙なデザインの美学 そして カスタマイズ.

あなたが探しているなら 小さくてもスタイリッシュなCSSライブラリ 私はお勧め ピクニックCSS. それは完全に無料の、オープンソースであり、そしてシンプルでエレガントなスタイルであなたのページをジャズアップするために多くの編集なしで動作します.

すべてのネイティブHTML要素は デフォルトで再調整, だからあなたもクラスに頼る必要はありません。 PicnicスタイルシートをWebページに追加して更新するだけです。あなたは、すべてのフォーム、ボタン、そしてタイポグラフィ要素がすべて新しい外観になっているのに気付くでしょう。.

しかし、もちろん、この図書館 モジュール設計をサポートしていますか すべてをカスタマイズするためのオプション付き。それは すべてSassで書かれて, それで、あなたは本当にコードを通して働くためにSass開発者である必要があります.

デフォルトのタイポグラフィ、クラス、グリッドシステム、およびページ要素のスタイリングとカラーリングに使用される変数にアクセスできます。.

ピクニックCSSも信じられないほど小さくなるように構築された サイズはわずか10KB 縮小時これは約1/10です^番目 Bootstrapを使用しても、カスタムUIフレームワークに期待される魅力をすべて備えています。.

これは小さな図書館なので、 動的な機能はありません. しかし、あなたはボタン、ヘッダー、カード、入力、タブと他の同様の要素を含むテストページの例を見ることができます.

モーダルやタブなどの動的要素, 純粋なCSSで作業する. そのため、JavaScriptを完全に無視して準拠Webサイトを構築することもできます。かなりクール!

私はデフォルトのピクニックスタイルはちょっと当たり障りのないものだと思うので、彼らはいくらかのレタッチを使うことができました。しかし、全体的に見て、私はこのライブラリを崇拝しています。それは、正しいプロジェクトを立ち上げる最も簡単な方法の1つです。.

はじめに、Picnic CSS GitHubページにアクセスしてください。 コピーをダウンロードする そして いくつかのサンプルを見る. あなたもすることができます オンラインドキュメントを閲覧する 各要素がどのように機能するのか、そしてすべてを実行するために必要なものを確認する.

ピクニックは偶数 CDNで入手可能, だからあなたも始めるためにファイルをローカルにダウンロードする必要はありません。.