上位 10 の CSS UI オープンソース フレームワーク_html/css_WEB-ITnose

CSS3 と HTML5 の人気により、当社の Web ページには、より人道的なデザインコンセプトが必要なだけでなく、よりクールなページ特殊効果とユーザー エクスペリエンスも必要です。開発者として、私たちは貴重な CSS UI オープンソース フレームワーク リソースを知る必要があります。これは、モバイル デバイス用の Web インターフェイス スタイルのデザインなど、最新のインターフェイスをより速く、より適切に実装するのに役立ちます。この記事では、トップ 10 の CSS UI オープンソース フレームワークを紹介します。そのいくつかを見てみましょう。

1. QUI? 最も人気のある Web フロントエンド UI フレームワーク

QUI は、Twitter デザイナーの Mark Otto と Jacob Thornton によって共同開発された Web フロントエンド UI フレームワークです。 。 QUI は最新のブラウザ テクノロジーを使用しており、スタイリッシュなタイポグラフィ スタイル、フォーム、ボタン、テーブル、グリッド システムなどを提供します。

公式 Web サイト: 最高の UI フロントエンド フレームワークの 1 つを共有してください!

2. jQuery UI - jQuery に基づくオープン ソースの Javascript フレームワーク

jQuery UI は、jQuery に基づくオープン ソースの Javascript フレームワークであり、主にユーザー インタラクション、アニメーション、特殊効果、および変更可能なテーマの視覚的なコントロールを提供します。開発者から読者まで、Web インタラクティブ インターフェイスをより簡単に実装できます。jQuery UI のフレームワーク全体は比較的大規模ですが、使用する必要がある機能に基づいて、適切なフレームワークの最下層を生成することもできます。 jQuery UI インターフェイスのデザインは非常に美しく、試してみる価値があります。

公式ウェブサイト: http://jqueryui.com/

3. jQuery UI Bootstrap

jQuery UI と Bootstrap の統合です。Bootstrap スタイルなので、見た目も美しく、jQuery UI を備えています。コントロール機能。開発者が Web コントロールを迅速に作成することも容易になります。

公式ウェブサイト: https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap/

4. BootMetro - Metro スタイルの CSS フレームワーク

BootMetro は、以下に基づくフロントエンド UI フレームワークです。 Bootstrap 、BootMetro の特徴は、Windows 8 のフラット スタイルに似た Web インターフェイスを簡単に構築できることであり、その効果は非常に優れています。最高の UI フロントエンド フレームワークの 1 つを共有してください。

公式ウェブサイト: http://aozora.github.io/bootmetro/

5. Flat UI - フラット スタイル UI ツールキット

Flat UI は、Twitter Bootstrap に基づいて実装された、絶妙なフラット スタイル UI ツールキットのセットです。このインターフェイス ツールのセットには、ボタン、入力ボックス、コンボ ボタン、チェック ボックス、ラジオ ボタン、ラベル、メニュー、プログレス バーとスライダー、ナビゲーション要素など、多くの基本的および複雑な UI コンポーネントが含まれています。

公式ウェブサイト: https://github.com/designmodo/Flat-UI

6. NetEase CSS フレームワーク NEC

NEC は、NetEase によって開始されたオープンソースのフロントエンド CSS フレームワークであり、豊富な UI コードを提供します。ライブラリとプラグインは、開発者の開発効率の向上に大きく役立ちます。プロのフロントエンド開発者でなくても、NEC を使用して独自の Web アプリケーションをすぐに構築できます。

公式 Web サイト: http://nec.netease.com/

7. Alloy UI? 強力な CSS UI フレームワーク

Alloy UI は、豊富な ( 60 以上の UI コンポーネント (ピクチャ ギャラリー、ダイアログ ボックス、ツリー構造、パネル、オートコンプリート、ボタン、カレンダー コントロール、ツールバーなど)。最高の UI フロントエンド フレームワークの 1 つを共有してください。

公式ウェブサイト: http://alloyui.com/

8. Cardinal? モバイル CSS UI フレームワーク

Cardinal は、多くの便利なデフォルト スタイル、スケーラブルなレイアウト、再利用可能なモジュール、およびシンプルなレスポンシブフォームシステム。

公式ウェブサイト: http://cardinalcss.com/

9. CSS フレームワーク CSScaffold の迅速な開発

多くの CSS フレームワークとは異なり、実行するには PHP と Apache の mod_rewrite に依存する必要がありますが、これら 2 つの Plant も必要ですCSSScaffold を魔法のように便利にし、CSS をすばやく簡単に作成できるようにするものです。

公式ウェブサイト: http://www.w3avenue.com/2009/10/13/csscaffold-php-based-css-framework/

10. バックエンド UI 開発フレームワーク MuseUI

ブートストラップ スタイルに基づく、主流ブラウザ (IE6 を含む) と互換性のあるバックエンド UI 開発コンポーネント。

公式ウェブサイト: http://git.oschina.net/muse/museui