重要なCSS - 最小限の侵襲Webフレームワーク

ブートストラップの上に移動する 新しいCSSフレームワーク 市内。それは呼ばれています バイタル そしてそれはフロントエンド開発を取り除く 裸の必需品まで.

バイタルが付属しています CSSのみ そして持っています JavaScriptライブラリまたは依存関係がない. そしてVital.cssスタイルシートは 31KBのみ縮小, アイコンフォントを含む.

BootstrapのCSSファイルだけで合計118KB。バイタルはブートストラップのほぼ1/4のサイズです。それはちょうど開発者のために構築されています 迅速な解決策が必要 次のプロジェクトへ.

バイタルは 完全オープンソースフレームワーク GitHubで利用可能なすべてのコードを熟読する.

すべてが Sass for CSSとSlim for HTMLで構築された. しかしこれは 開発専用, あなたがプロダクションにVitalを使っているのであれば 純粋なCSSを直接​​エクスポートする.

最新バージョン からダウンロードできます。 リリースページ そしてこれらは含まれています CSSコード に加えて カスタムアイコンフォント. あなたも見つけるでしょう たくさんのHTMLとCSSのデモ そして いくつかの基本的なドキュメント GitHubページ.

しかし、本当の良いものはで見つけることができます コンポーネントページ. この Vitalで手に入るものすべてを一覧表示, グリッド、タイポグラフィ、ボタン、ローダー、テーブル、タブ、フォーム入力などを含む.

これらの機能はどれもJavaScriptに依存しません, これは大きなボーナスです。 JavaScriptでもっとできることは間違いありませんが、フロントエンドのスタイルを設定しながらJSについて心配しないでください。.

あなたはできる 任意の要素を再作成 コンポーネントページから CSSクラスを使う. これらのクラスは やや自動 Slimを使っているのであれば、Sass / Slimユーザーには少し利点があります。.

しかしVitalはどの開発者にもうまくいく HTML / CSSの経験がある方. それは 完全に無料 フレームワーク ずっと軽い 代替品より.

もっと学ぶために、Vitalのホームページをチェックするか、議論するVitalの作者によって書かれたこの記事を通してすくい取る なぜ彼らはフレームワークを作成しました そして それが解決しようとしている問題.