最も人気のある CSS フレームワークのトップ 10

Web 開発エンジニアは、ページ スタイルの開発に多くの時間を費やす必要があります。最も問題となるのは、ブラウザの互換性です。最も簡単なのは、CSS フレームワークを使用することです。幸いなことに、一部の専門家が精巧な一連の CSS フレームワークを作成しています。CSS フレームワークはオープンされていませんでは、優れた CSS フレームワークは何でしょうか?

私は皆さんと議論するためにいくつかの情報とデータを収集しました。次に、Github で最も多くのスターを獲得した CSS フレームワークのトップ 10 について話します。

ブートストラップ

Github スター数 140,000。

GitHub アドレス: https://github.com/twbs/bootstrap

Bootstrap は最も人気のある CSS フレームワークであり、最も応答性の高い CSS フレームワークであると考えられています。フロントエンド開発専用に設計されており、Web デザインのコンセプト、モバイルファーストプロジェクト、グリッド システム、タイポグラフィ、ボタンなどの構築に役立ちます。

Semantic-UI

Github スター数 47.8K。

GitHub アドレス: https://github.com/Semantic-Org/Semantic-UI

Semantic は、人間に優しい HTML を使用して美しい応答性の高いレイアウトを作成するのに役立つ開発フレームワークです。セマンティック UI は、Web サイト構築プロセスをよりセマンティックにすることを目的としています。中心的な機能は、自然言語の原則を使用してコードを読みやすく理解しやすくすることです。

Materize

Github スター数 37.5K。

GitHub アドレス: https://github.com/Dogfalo/materialize

Materialize は、マテリアル デザインに基づいて設計された、自己適応をサポートする現代性に富んだフロントエンド フレームワークです。

Bulma

Github スター数 39.6K。

GitHub アドレス: https://github.com/jgthms/bulma

Bulma は、Flexbox をベースにした最新の CSS フレームワークで、応答性が高く、モジュール式で、オープン ソースで無料であり、簡単に使用できます。単純なコンテンツから複雑なコンテンツまで、さまざまなレイアウトを実現するために、Bulma の最大の特徴は、軽量で独立しており、シンプルで使いやすいことです。すべてのスタイルはクラスに基づいています。CSS がわからなくても、簡単に使用できます。美しいウェブページを作成します。

詳細: http://www.sevdot.com/articles/7

Foundation

Github スター番号 28.6K。

GitHub アドレス: https://github.com/zurb/foundation-sites

Foundation は、応答性の高い HTML、CSS、JavaScript フレームワークの開発に使用されます。

Foundation は、あらゆるデバイス上で Web アプリケーションを構築するための、使いやすく強力かつ柔軟なフレームワークです。

Foundation は、人気のあるモバイルファーストのフレームワークです。

純粋な

Githubのスター数は20.8K。

GitHub アドレス: https://github.com/pure-css/pure

Yahoo によって作成された軽量で応答性の高い純粋な CSS モジュールのセットで、あらゆる Web プロジェクトに適しています。

Pure は非常に小さく、gzip ファイルに圧縮されており、わずか 3.7 KB* です。私たちは、CSS サイズを最大限に圧縮するために、コードのすべての行を極限まで合理化し、モバイル Web 制作にさらに役立つよう努めています。これらのモジュールをいくつかしか使用しない場合、CSS は小さすぎて友達がいません。

Layui

Github スター数 21.5K。

GitHub アドレス: https://github.com/sentsin/layui

Layui は、ネイティブ HTML/CSS/JS に従って、独自のモジュール仕様を使用して記述された感情的なフロントエンド UI フレームワークです。文章や構成の形式は非常に敷居が低く、すぐに使用できます。外観はミニマルですが、内部は充実しています。サイズは軽く、コンポーネントが豊富です。コア コードから API に至るすべての詳細が注意深く作成されており、迅速なインターフェイス開発に非常に適しています。

Uikit

Github スター数 13.5K。

UIkit は、YOOtheme チームによって開発された軽量のモジュール式フロントエンド フレームワークで、強力な Web フロントエンド インターフェイスを迅速に構築できます。 UIKit は、使いやすく、カスタマイズや拡張が簡単な、包括的な HTML、CSS、および JS コンポーネントを提供します。

LESSをベースに開発されており、コード構造が明瞭かつシンプルで、拡張や保守が容易で、小さく応答性の高いレスポンシブコンポーネントを備えており、基本的なスタイルをベースに簡単にカスタマイズして好きなものを作成することができます。 UIKitのテーマのスタイル。

Amaze UI

Github スター数 13.4K。

GitHub アドレス: https://github.com/amazeui/amazeui

Amaze UI はモバイルファーストをコンセプトとしており、小さな画面から大きな画面に徐々に拡張し、最終的にはすべての画面に Adapt を実装します。モバイルインターネットのトレンドに適応します。

Amaze UI には、約 20 個の CSS コンポーネント、20 個を超える JS コンポーネント、およびさまざまなテーマを持つ複数の Web コンポーネントが含まれており、優れたインターフェイスと優れたエクスペリエンスを備えたクロススクリーン ページを迅速に構築でき、開発効率が大幅に向上します。

外国のフレームワークと比較して、Amaze UI は中国語の組版に重点を置いており、国内の主流ブラウザと組み込みブラウザの互換性サポートを考慮して、ユーザー エージェントに応じてフォントを調整して中国語組版の効果を向上させています。アプリ。

Amaze UI は HTML5 用に開発されており、スムーズかつ効率的なアニメーション インタラクションに CSS3 を使用しています。モバイル デバイスにより適しており、Web アプリケーションの読み込みが速くなります。

jQuery UI

Github スター数 10.8K。

GitHub アドレス: https://github.com/jquery/jquery-ui

jQuery UI は、jQuery JavaScript ライブラリ上に構築されたユーザー インターフェイス インタラクション、特殊効果、ウィジェット、テーマのセットです。 。高度にインタラクティブな Web アプリケーションを作成する場合でも、フォーム コントロールに日付ピッカーを追加するだけの場合でも、jQuery UI は最適な選択肢です。

jQuery UI には状態を維持するウィジェットが多数含まれているため、一般的な jQuery プラグインの使用パターンとは少し異なります。すべての jQueryUI ウィジェットは同じパターンを使用するため、1 つの使用方法を学習すれば、他のウィジェットの使用方法もわかります。

以上が最も人気のある CSS フレームワークのトップ 10の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。