最高のオープンソースCSSフレームワーク

ほとんどのWebサイトはコンテンツマネージャーの下で実行されますが、ポータルを最初から作成することに賛成することはたくさんあります。 そしてとにかく、コンテンツ管理者はまた、彼らの視覚的外観の世話をする誰かを必要とします。 この投稿では CSSスタイルシートを作成するための最良のツールのいくつかを見ていきます。

最初から始めましょう。 CSSとは何ですか？

あなたの夢の家はどんな感じですか？ XNUMX階かXNUMX階ですか？ 階下の寝室と上階のキッチンをご希望ですか？ 寝室にバスタブを置いてみませんか？

そしてそれが解決したら、あなたは部屋を何色に塗りますか？ 石の正面を作っていただけませんか？

私たちはウェブサイトと家の間のアナロジーを作ることができます。 一方では、私たちは持っています サイトの構造と他の視覚的側面。  この場合、装飾サンプルを見て、平面図と外観で構造を決定します。

CSSはCascadingStyleSheetsの頭字語です。 HTMLはWebドキュメントの構造化に使用されます（ページ、見出しなどを定義し、画像、ビデオ、その他のメディアをいつ埋め込むかを示します） CSSは、ページレイアウトのスタイル、色、およびタイポグラフィを設定します。

CSSを使用 各HTML要素のスタイルを定義できます。 要素は、Webページの個々のHTMLコンポーネントです。

スタイルシート それらは、外部、内部、またはオンラインにすることができます。 それらを外部で使用する場合は、それらを.cssファイルとして保存し、.htmlファイルにそれらの場所を指示する必要があります。

内部モードでは、命令は特定の.htmlページのヘッダーに書き込まれます。これにより、ページの読み込みが遅くなり、変更がより複雑になります。

オンラインモードでは、外部スタイルシートは別のサーバーでホストされます。 何度も使いたいときに特に適しています。

CSSフレームワークとは何ですか？

CSSフレームワーク これらは、ユーザーインターフェイス開発者が作業を高速化するために使用するツールです。 新しいプロジェクトが発生するたびにゼロからソリューションを作成する代わりに、lフレームワークは、開発者に、必要に応じて調整および反復できるユーザーインターフェイスをすばやく作成するためのツールを提供します。

一言で言えば、フレームワークを次のように定義できます。 すぐに使用できるCSSスタイルシートのコレクション さまざまな状況で。

CSSフレームワークを使用することで得られるメリットは、時間の節約だけではありません。 それらを使用することにより、設計が標準化されます また、開発者が別の開発者のコ​​ードを簡単に読み取ることができます。

最高のオープンソースCSSフレームワーク

ブートストラップ

彼ら自身によるとブートストラップは、HTML、CSS、およびJSのフレームワークの中で最も人気があります。 モバイルフレンドリー（モバイルファースト）でレスポンシブサイトの設計に最適です。

Foundation

フレームワークを作る人には祖母がいないようです。
Foundation 記載されています 「世界で最も先進的な適応フレームワーク」として

これは、WebサイトやWebアプリケーションを作成するための便利なツールです。 ビジネスニーズに重点を置いて。 Facebook、eBay、Mozilla、Adobe、HP、Cisco、Disneyなどがユーザーです。

ブルマ

ブルマ 無料のオープンソースCSSフレームワークです Flexboxに基づいており、200.000人以上の開発者が使用しています。

Flexboxは、インターフェイス内のアイテム間でスペースを分散し、配置機能を向上させるために設計されました。 Flexboxは、一度にXNUMXつのディメンション（行または列）でのみレイアウトを処理します。 これは、列と行を同時に処理するCSSグリッドレイアウトのXNUMX次元モデルとは対照的です。

セマンティックUI

セマンティックUI は開発フレームワークです 人間に優しいHTMLを使用して、美しくレスポンシブなレイアウトを作成するのに役立ちます。

このフレームワークにより、3000を超えるテーマ変数と50を超えるユーザーインターフェイスコンポーネントを備えた美しいデザインを構築できるようになります。

また、React、Angular、Meteor、Emberなどの多くのサードパーティライブラリとも統合されています。