目次
その他のフロントエンド フレームワークbootstrap 以外に何かありますか
ホームページ ウェブフロントエンド ブートストラップのチュートリアル ブートストラップに加えて、他にどのようなフロントエンド フレームワークがありますか?

ブートストラップに加えて、他にどのようなフロントエンド フレームワークがありますか?

Feb 17, 2022 pm 02:58 PM
bootstrap

ブートストラップを除くフロントエンド フレームワーク: 1. Foundation、2. AUI、3. Frozen UI、4. WeUI、5. SUI、6. セマンティック UI、7. UiKit、8. Pure。

ブートストラップに加えて、他にどのようなフロントエンド フレームワークがありますか?

このチュートリアルの動作環境: Windows 10 システム、ブートストラップ バージョン 3.3.7、DELL G3 コンピューター

その他のフロントエンド フレームワークbootstrap 以外に何かありますか

AUI

3 つ目は最近登場した AUI で、著者は APICloud 開発者向けに特別に設計された UI フレームワークであると主張していますが、多くのモバイル フロントエンド開発に共通する問題は、CSS フレームワークが主にハイブリッド開発を指向していることです。作者はかなり積極的で、さまざまな高度な CSS3 を随所で使用しているようで、これらの CSS3 の互換性を確認する必要があります。期待に応え、相互に互換性のあるすべての属性を選択しました。先輩からいくつか良いことを学べてとても興奮しました。フレームワークには、チャット インターフェイスや集計リストなどのコンポーネントも用意されており、多くの複雑な問題を解決しましたレイアウトを直接取得して使用できるようになりました。

要約: 私にとってこのフレームワークの利点の 1 つは、純粋な CSS フレームワークであることです。私は以前に Pure を使用したことがあり、ある程度の JS 能力があります。複雑な効果でなければ、純粋な CSS を見つけることができますフレームワークを作成して自分で修正する、それはそれで良いのですが、今では CSS3 でもアニメーションを実現できるようになり、効率や品質、効率性を考慮して、やはりこの CSS フレームワークを選択しました。私が不満に思うのは、このフレームワークのドキュメントが非常に優れており、優れていると言われていることです。

Frozen UI

少し前に、QQ が瞬時に高くなったのを見たことがありますが、後で聞いてみると、QQ カスタマー サービスでもハイブリッド開発が行われていることがわかりました。 QQ メンバーのフロントエンドは Frozen UI を使用しており、このフレームワークはオープンソースです。嬉しくて心の寂しさに耐えられず、直接試してみました。初めての体験で、基本的なスタイルの効果は次のとおりであると感じました。シンプルで色も爽やか、コミュニティも比較的活発なのでコンポーネントも比較的豊富です。

要約: APICloud などで Frozen UI を使用してハイブリッド APP を作成したり、ネイティブの七面鳥を使用してフロントエンド開発用のアプリケーションにネストすると素晴らしいでしょう。このフレームワークは Android 2.3 に適しています。は ios 4.0 と互換性がありますが、Web アプリとして使用するのは優れた選択肢です。欠点は UI レベルから見ることができます。誰が QQ メンバーのフロントエンドでそれを生み出したのですか?

WeUI

WeUI と FrozenUI はどちらも比較的特殊なフレームワークです。WeUI は FrozenUI よりも特殊です。公式 Web サイトさえありません。すべての質問と回答は次のとおりです。 gitHubで公開されている問題点は解決済み 非常にシンプルなフレームワークです もちろんサイズは言うまでもありません モジュール数は7個程度ですがサイズは小さいですが動作は良好です 口コミ評価も十分です. フレームワークは 16/1/23 から github で公開されています。スターは 7K を超えていますが、ユーザーに吐き出す場所がないことを排除するものではないため、ユーザーはすべて git に行きます (笑)。

SUI

「SUI は、ブートストラップに基づいて開発されたフロントエンド コンポーネント ライブラリです。また、設計仕様のセットでもあります。SUI を通じて、非常に便利になります。美しいページをデザインして実装する」。確かに、退屈な公式広告を直接引用した方が自分の脳細胞を節約できます (囧...) もちろん、広告にあるように、以前に Bootstrap を使用したことがある場合は、簡単に SUI に切り替えることができます。タオバオがフロントエンドの敗者に与えるものである。

Semantic UI

下から3番目がSemantic UIです私がこのフレームワークに出会ったのはBootstrapがきっかけでしたSemantic UIがgithubで公開されてすぐに、 「多くの開発者の注目を集めました。多くの人がこの 2 つを比較し、批判したり賞賛したりしています。他人の 3 ~ 4 文だけで指を上げて好きになることはできません。実際に使ってみて、私は次のように感じました。」 UI は Bootstrap とそれほど違いはありませんが、コードの命名規則には大きな違いがあります。セマンティック UI は単に何か違うことをしたいだけだと思います。その命名はすべて複合的な方法で行われ、クラス名は非常に個別です。使用する場合は、展開または追加するクラスの名前に注意する必要があり、クラス名が競合します。

Foundation

Foundation はフレームワーク業界ではベテランとみなされています。フレームワークの登場が早かったと言われており、このフレームワークは現在でも非常に人気があります。 Bootstrap について 顔に当たるような恥ずかしいものができた場合は、Foundation の使用を検討してください。事前に定義された UI 要素を使用する場合でも、公式が開発者により柔軟なフレームワーク エクスペリエンスを提供すると述べているように、他の Web サイトとあまり類似することはありません。

UiKit

UIkit は YOOtheme チームによって開発され、多くの WordPress テーマで使用されています (つまり、WordPress 愛好家であれば、このフレームワークをもっと活用する必要があります)フレームワークは GUI エディターおよび手動で編集できるため、柔軟で強力なカスタマイズ メカニズムが提供されます。このフレームワークは、LESS、jQuery、normalize.css、FontAwesome オープン ソース プロジェクトの独自の機能を、軽量でモジュール式のフロントエンド フレームワークに統合します。

Pure

管理システムに取り組んでいたときにこのフレームワークに出会い、フレームワークがコンパクトで純粋な CSS であるため、これを使用することにしました。あまり多くの作業が必要なく、使いやすく、他のフレームワークとすぐに組み合わせることができます。

関連する推奨事項: ブートストラップ チュートリアル

以上がブートストラップに加えて、他にどのようなフロントエンド フレームワークがありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

ブートストラップ検索バーを取得する方法 ブートストラップ検索バーを取得する方法 Apr 07, 2025 pm 03:33 PM

ブートストラップを使用して検索バーの値を取得する方法:検索バーのIDまたは名前を決定します。 JavaScriptを使用してDOM要素を取得します。要素の値を取得します。必要なアクションを実行します。

ブートストラップの垂直センタリングを行う方法 ブートストラップの垂直センタリングを行う方法 Apr 07, 2025 pm 03:21 PM

ブートストラップを使用して垂直センタリングを実装します。FlexBoxメソッド:D-Flex、Justify-Content-Center、Align-Items-Centerクラスを使用して、FlexBoxコンテナに要素を配置します。 ALIGN-ITEMS-CENTERクラス方法:FlexBoxをサポートしていないブラウザの場合、親要素の高さが定義されている場合、Align-Items-Centerクラスを使用します。

ブートストラップにスプリットラインを書く方法 ブートストラップにスプリットラインを書く方法 Apr 07, 2025 pm 03:12 PM

ブートストラップスプリットラインを作成するには2つの方法があります。タグを使用して、水平方向のスプリットラインを作成します。 CSS Borderプロパティを使用して、カスタムスタイルのスプリットラインを作成します。

ブートストラップに写真を挿入する方法 ブートストラップに写真を挿入する方法 Apr 07, 2025 pm 03:30 PM

ブートストラップに画像を挿入する方法はいくつかあります。HTMLIMGタグを使用して、画像を直接挿入します。ブートストラップ画像コンポーネントを使用すると、レスポンシブ画像とより多くのスタイルを提供できます。画像サイズを設定し、IMG-Fluidクラスを使用して画像を適応可能にします。 IMGボーダークラスを使用して、境界線を設定します。丸い角を設定し、IMGラウンドクラスを使用します。影を設定し、影のクラスを使用します。 CSSスタイルを使用して、画像をサイズ変更して配置します。背景画像を使用して、背景イメージCSSプロパティを使用します。

ブートストラップのサイズを変更する方法 ブートストラップのサイズを変更する方法 Apr 07, 2025 pm 03:18 PM

Bootstrapの要素のサイズを調整するには、次のものを含むDimensionクラスを使用できます。

VueでBootstrapの使用方法 VueでBootstrapの使用方法 Apr 07, 2025 pm 11:33 PM

vue.jsでBootstrapを使用すると、5つのステップに分かれています。ブートストラップをインストールします。 main.jsにブートストラップをインポートしますブートストラップコンポーネントをテンプレートで直接使用します。オプション:カスタムスタイル。オプション:プラグインを使用します。

ブートストラップのフレームワークをセットアップする方法 ブートストラップのフレームワークをセットアップする方法 Apr 07, 2025 pm 03:27 PM

Bootstrapフレームワークをセットアップするには、次の手順に従う必要があります。1。CDNを介してブートストラップファイルを参照してください。 2。独自のサーバーでファイルをダウンロードしてホストします。 3。HTMLにブートストラップファイルを含めます。 4.必要に応じてSASS/LESSをコンパイルします。 5。カスタムファイルをインポートします(オプション)。セットアップが完了したら、Bootstrapのグリッドシステム、コンポーネント、スタイルを使用して、レスポンシブWebサイトとアプリケーションを作成できます。

ブートストラップボタンの使用方法 ブートストラップボタンの使用方法 Apr 07, 2025 pm 03:09 PM

ブートストラップボタンの使用方法は?ブートストラップCSSを導入してボタン要素を作成し、ブートストラップボタンクラスを追加してボタンテキストを追加します

See all articles