Kernel.css - 軽量で、意味があり、邪魔にならないフロントエンドフレームワーク

開発者はの苦痛を知っています 最初からコードを作り直す. ありがたいことに、Web開発コミュニティはオープンソースとフロントエンドのフレームワークに関して多くのことを提供しています。.

ブートストラップなどの一般的なフレームワーク うまくできた しかしまたできます 肥大しすぎる. ありがたいことに、選択肢があり、私の最新のお気に入りの1つは Kernel.css.

カーネルはそれ自身を 邪魔にならないフレームワーク, 意味する 薄層のように動作する あなたのページの上に。面倒なことやカスタマイズが難しいと感じることはなく、クラスは 最新のHTML 5仕様に完全準拠.

フロントエンド開発者の作業は 適切な意味に従う アクセシビリティと最高レベルのブラウザサポートのために。カーネルなどのフレームワークを使用することで、一般的な問題を解決するための時間とフラストレーションを軽減できます。.

これがKernelの最も売れている側面のいくつかです：

• そのグリッドシステム flexboxで動作します.
• 完全にレスポンシブ そして モバイルフレンドリー.
• カスタムトランジション CSSとJavaScriptを通して
• プレスタイル要素 カード、テーブル、およびヘッダー用.
• シンプルな配色 材料設計後にモデル化.

あなたはプレビューすることができます すべてのカーネル要素 含まれているメインのデモページに サンプルソースコード, も.

ボタンやヘッダーなど、多くの項目でクラス名が異なることに気付くでしょう。これはあなたができることを意味します ボタンの色を簡単に変える クラスを変更するだけで.

それも付属しています 特定のアクションのボタンのデフォルト通知クラス, といった .BTNプライマリー 青の “クリーン” ボタンまたは .BTN警告 より明るい黄色の才能を持つ.

Kernelの最良の部分はあなたができるということです。 このフレームワークを簡単にカスタマイズする あなたのニーズに合うように。あなたのボタンに素晴らしいフォントを追加したいですか？問題ない。あなたのヘッダにGoogle Webfontsを追加するのはどうですか？ただ CSSシートのスタイルを上書きする 行ってよかった.

あなたがしたい場合 軽量の出発点 素晴らしいレイアウトを構築するためにはKernel.cssがその仕事の枠組みです.