人々が究極のエクスペリエンスを追求するにつれて、Web ページのデザインも、より人間的なデザインコンセプトを必要とするだけでなく、よりクールなページをデザインする必要もあります。 Web フロントエンド開発者として、オープン ソース リソースを使用して最新のインターフェイスをより速く、より適切に実装することは、必要なスキルの 1 つです。以下では、編集者がトップ 10 の CSS UI オープンソース フレームワークを紹介しますので、興味のあるお子様は一緒にご覧ください。
1. Bootstrap? 最も人気のある Web フロントエンド UI フレームワーク
Bootstrap は、Twitter デザイナーの Mark Otto と Jacob Thornton によって開発された Web フロントエンド UI フレームワークです。一般的に使用される用語には、php やその他のバックエンド開発が含まれます。このフレームワークは最新のブラウザ テクノロジーを使用しており、Bootstrap はスタイリッシュなタイポグラフィ スタイル、フォーム、ボタン、テーブル、グリッド システムなどを提供します。 (Bootstrap の具体的なアプリケーションについては、「Bootstrap ビデオ チュートリアル」をご覧ください)
2. jQuery UI - jQuery に基づくオープンソースの Javascript フレームワーク
主にユーザー操作のための視覚的なコントロールを提供します、アニメーション、特殊効果、変更可能なテーマを備えており、開発者は Web インタラクティブ インターフェイスを簡単に実装できます。 jQuery UI のフレームワーク全体は比較的大きいですが、このフレームワークの良い点は、使用する機能に応じて、自分に合ったフレームワークの最下層を生成できることです。
3. jQuery UI Bootstrap
jQuery UI Bootstrap その名前から判断すると、これが jQuery UI と Bootstrap の統合であることがわかります。スタイルは美しい外観を持つ Bootstrap で、jQuery UI の制御機能も備えており、開発者は Web コントロールを迅速に作成できます。
4. BootMetro - Metro スタイル CSS フレームワーク
BootMetro は、Windows 8 のフラット スタイルに似た Web インターフェイスを簡単に構築できるのが特徴です。効果はとても良いです。
5. フラット UI - フラット スタイル UI ツールキット
フラット UI は、Twitter Bootstrap に基づいて実装された、絶妙なフラット スタイル UI ツールキットのセットです。このインターフェイス ツール セットには、ボタン、入力ボックス、コンボ ボタン、チェック ボックス、ラジオ ボタン、ラベル、メニュー、プログレス バーとスライダー、ナビゲーション要素など、多くの基本的および複雑な UI ウィジェットが含まれています。 6. NetEase CSS フレームワーク NEC
NEC は、NetEase によって開始されたオープンソースのフロントエンド CSS フレームワークであり、開発者の開発効率の向上に大きく役立ちます。 。プロのフロントエンド開発者でなくても、NEC を使用して独自の Web アプリケーションをすぐに構築できます。
7. Alloy UI ? 強力な CSS UI フレームワーク
Alloy UI は、画像ギャラリー、ダイアログ ボックス、ツリー構造などの豊富な UI コンポーネントを含むフロントエンド UI フレームワークです。パネル、オートコンプリート、ボタン、カレンダー コントロール、ツールバーなど。
8. Cardinal ? モバイル用 CSS UI フレームワーク
Cardinal は、多くの便利なデフォルト スタイル、スケーラブルなタイポグラフィ、再利用可能なモジュール、シンプルな応答性の高いテーブル システムを提供する小規模なモバイル ファースト CSS フレームワークです。
9. CSScaffold フレームワーク
CSScaffold は、実行するために PHP や Apache の mod_rewrite に依存する必要があります。そのため、CSScaffold は魔法のように便利になります。 , CSS の記述は速くて簡単です。
10. MuseUI フレームワーク
MuseUI は、ブートストラップ スタイルに基づいたバックエンド UI 開発コンポーネントであり、主流のブラウザー (IE6 を含む) と互換性があります。
上記は、Web フロントエンド開発エンジニアがよく使用するトップ 10 の CSS UI オープンソース フレームワークであり、そのいくつかはオンラインで直接検索して、より優れたものなどを設計できます。カスタマーエクスペリエンスを備えています。
転載元: http://blog.sina.com.cn/s/blog_1318255b00102vomh.html