カテゴリ: WEB フロントエンド 時間: 2016 年 1 月 13 日
現在、多くのインターネット企業のアプリに大量の HTML5 が埋め込まれており、モバイル端末の開発がますます注目されています。 HTML5 のその他のアプリケーション シナリオ。モバイル WEB 開発のプロセスでは、適切なモバイル WEB UI フレームワークを使用することで開発効率が大幅に向上します。以下では、PHP プログラマーの Lei Xuesong が、2015 年に最も包括的なモバイル WEB フロントエンド UI フレームワークを共有します。
現在、多くのインターネット企業のアプリに大量の HTML5 が組み込まれており、モバイル端末の開発にますます注目が集まっており、HTML5 の適用シナリオがますます増えています。次に、モバイル WEB 開発のプロセスでは、適切なモバイル WEB UI フレームワークを使用することで、開発効率を大幅に向上させることができます。以下に、2015 年で最も包括的なモバイル WEB フロントエンド UI フレームワークを紹介します。
Amaze UI
Amaze UI は軽量 (CSS と JS gzip をすべて合わせて約 100kB) のモバイルファーストのフロントエンド フレームワークで、オープンソース コミュニティで人気のあるフロントエンド フレームワークに基づいて作成されています。
Amaze UI Github アドレス: https://github.com/amazeui/amazeui
Amaze UI 公式 Web サイト: http://amazeui.org/
Frozen UI
Frozen UI はシンプルで使いやすい- 軽量の Quick を使用します。モバイル サービス用のフロントエンド フレームワークであり、Tencent Mobile QQ 仕様に基づいた、モバイル Web に焦点を当てた UI フレームワークです。
Frozen UI Github アドレス: http://frozenui.github.io/
SUI
SUI は、ブートストラップに基づいて開発されたフロントエンド コンポーネント ライブラリであり、設計仕様のセットでもあります。 SUI を使用すると、美しいページを非常に簡単にデザインして実装できます。
SUI 公式 Web サイト: http://suit.taabao.org/
ZUI
ZUI は、最新のクロススクリーン アプリケーションを迅速に構築するのに役立つオープンソースのフロントエンド実践ソリューションです。
ZUI Githubアドレス: https://github.com/easysoft/zui
H-ui
H-ui フロントエンドフレームワークは、という考えに基づいてHTML、CSS、JAVASCRIPTをベースに開発された軽量Webですブートストラップのフロントエンド フレームワークは、オープンソースで無料、シンプルで柔軟、互換性が高く、ほとんどの中国の Web サイトに対応します。
H-ui Github アドレス: https://github.com/jackying
pure.css
pure.css すべての Web プロジェクトで使用できる、応答性の高い小さな CSS モジュールのセット
pure.css Github アドレス: https://github.com/yahoo/pure/
UIkit
UIkit は、YOOtheme チームによって開発された軽量のモジュール式フロントエンド フレームワークで、強力なフロントエンド Web インターフェイスを迅速に構築できます。 UIKitで使用される変数は、小さいサイズ、モジュール性、簡単にカスタマイズできるテーマ、さまざまな環境で使用できるレスポンシブデザインという特徴を持つLESSに基づいています。 UIkit 中国語 Web サイトでは、開発者がこのフレームワークを迅速に習得して使用できるよう、詳細な中国語ドキュメント、コード例などを国内開発者に提供しています。
UIkit Github アドレス: https://github.com/uikit/uikit
Bootstrap
Bootstrap は、Twitter がフロントエンド開発のために立ち上げたオープンソース ツールキットです。これは Twitter デザイナーの Mark Otto と Jacob Thornton によって開発された CSS/HTML フレームワークです。現在、Bootstrap の最新バージョンは 3.0 です。 Bootstrap 中国語 Web サイトは、開発者がこのフレームワークを習得して使用できるよう、詳細な中国語ドキュメント、コード サンプルなどを国内開発者に提供することに尽力しています。
Bootstrap 中国語 Web サイト: http://www.bootcss.com/
Puzzle
Puzzle は、優れたクロススクリーン応答レイアウト フロントエンド開発フレームワーク (CSS フレームワーク) である Bootstrap の中国語版として知られています。パイオニアかつ国産のフロントエンド フレームワーク リーダーはコンピューター、タブレット、携帯電話、その他のデバイスに自動的に適応できるため、Web フロントエンド開発がよりシンプル、より速く、より便利になります。
Puzzle 公式 Web サイト: http://www.pintuer.com/
Plane UI
Plane UI は、HTML5 アプリケーションを構築するための、クロスターミナル応答性のフロントエンド インターフェイス フレームワークおよびソリューションです。
Plane UI Github アドレス: https://pandao.github.io/planeui/
Foundation
Foundation 5 は最速かつ最良のビルドです。これまでよりも迅速にコーディングと学習を支援する多機能な機能。
Foundation 公式 Web サイト: http://foundation.zurb.com/
mui
mui は、ネイティブ APP エクスペリエンスに最も近い高性能フレームワークです。
mui Github アドレス: https://github.com/dcloudio/mui
WeUI
WeUI は、WeChat のネイティブなビジュアル エクスペリエンスと一致する基本的なスタイル ライブラリのセットで、WeChat Web 開発用にカスタマイズされています。 WeChat公式デザインチームによる デザインはユーザーの使用認識をより統一することができます。ボタン、セル、ダイアログ、進行状況、トースト、記事、アイコンなどのさまざまな要素が含まれています。
WeUI Github アドレス: https://github.com/weui/weui
Arale
Arale は、Alipay と国内のフロントエンド コミュニティのフロントエンドのニーズに基づいており、Sea.js とspmエコシステムを採用し、小さくて美しい開発に取り組んでいます。フロントエンドモジュールアーキテクチャは、コーディングテストからデプロイメントまでの開発システムを確立します。オープンでシンプルで使いやすいフロントエンドソリューションです。 Arale モジュールは、IE6 以降および Chrome/Firefox/Safari/Opera の最新の安定バージョンと互換性があります。
Arale 公式 Web サイト: http://aralejs.org/
Semantic UI
Semantic UI は、セマンティック デザインを備えたフロントエンドのオープン ソース フレームワークであり、強力で使いやすく、デザイナーや開発者に再利用性を提供します。完璧なデザインソリューション。
Semantic UI Github アドレス: https://github.com/jlukic/Semantic-UI
Jingle UI
Jingle UI は、html5 と css3 に基づいて開発された軽量のモバイル Web アプリ フレームワークであり、いくつかの基本的な対話方法を提供します。モバイル アプリケーションをより便利に開発できるように、コンポーネント (スクロール、アクションシート、サイドメニュー、トグル、push2refresh など) を使用しました。
Jingle UI Github アドレス: https://github.com/shixy/Jingle
CMUI
CMUI は、モバイル Web ページから使用できる豊富なコンポーネントとシンプルなインターフェイスを提供する UI フレームワークです。箱。 。 CMUI は、開発者がスタイルの詳細や互換性に関する懸念を取り除くのに役立ち、それによってより多くのエネルギーをビジネス開発に費やすことができます。
CMUI Github アドレス: https://github.com/CMUI/CMUI
上記は、長期的な作業でまとめられたモバイル WEB UI フレームワークのリソースです。ビジネス ニーズに応じて、適切な WEB UI フレームワークを選択できます。ここではフレームワークの品質を評価しません。その存在には独自の合理性があり、それが適切なシナリオが常に存在します。これらのプロジェクトの貢献者とオープンソースの力に感謝します。