2000P's Blog

最初のページ

5つの最も人気のフロント

著者 mcfatridge 時間 2020-03-13
all

現在入手可能なCSSフロントエンドフレームワークの大混乱があります。しかし、本当に良いものの数はわずか数に絞り込むことができます。この記事では、今日の5つのベストフロントエンドフレームワークとは何かを比較します。

各フレームワークは、特定のプロジェクトのニーズに基づいて選択することができます独自の強みと弱点、およびアプリケーションの特定の領域を持っています。たとえば、プロジェクトが単純な場合は、複雑なフレームワークを使用する必要はありません。また、オプションの多くは、あなたが必要とするコンポーネントだけを使用したり、別のフロントエンドフレームワークからコンポーネントを混在させることができるモジュラーです。

私が探検しようとしているフロントエンドのフレームワークは、彼らのgithub人気に基づいて提示されます。そして、もちろん、ブートストラップです。

以下の情報のいくつかは、出版の時間からGithub星やバージョン番号などの日付から行くことに注意してください-これはあなたが出版日の後に長い間、この記事を読んでいる場合、これを認識する。また、フレームワークサイズは、必要なCSSファイルとJavaScriptファイルのミニサイズであることに注意してください。

1 .ブートストラップ

ブートストラップは、利用可能なフロントエンドのフレームワークの間で議論の余地のないリーダーです。毎日、まだ成長しているその巨大な人気を考えれば、この素晴らしいツールキットは、あなたを失敗することはありません、または成功したウェブサイトを構築するためにあなたの方法で一人で残してください。

ブートストラップに関するノート

ブートストラップの主な強さは、その巨大な人気です。技術的に、それは必ずしもリストの他のものよりよくありません、しかし、それは他の4つのフロントエンドフレームワークが結合したより多くの資源(記事とチュートリアル、サードパーティ製のプラグインと拡大、テーマビルダーなど)を提供します。要するに、ブートストラップはどこにでもあります。そして、これは人々がそれを選択し続ける主な理由です。

あなたはブートストラップについての詳細を学びたい場合は、ブートストラップ、ブートストラップ:関連ツール&スキル、および8実用的なブートストラップのプロジェクトを使用して最初の週をチェックアウトします。

注意:「ユニークなコンポーネント」と言うことで、私は、彼らがこのリストで言及されるフロントエンドフレームワークだけに比較してユニークであることを意味します。

2 .ファンデーション通販

基盤は、このフロントエンドフレームワーク比較で2番目に大きいプレーヤーです。Zurbのようなしっかりした企業で、このフレームワークは本当に強いです。結局、基盤はFacebook、Mozilla、eBay、ヤフーを含む多くの大きなウェブサイトで使われます!ナショナルジオグラフィック、いくつかの名前に。

基礎ノート

ファウンデーションは、ビジネスサポート、トレーニング、コンサルティングを提供しています。また、多くのリソースを学び、フレームワークを迅速かつ容易にするために提供します。

あなたが基礎を学ぶためにしたい場合は、私たちの本をチェックアウトします。

3 .セマンティックUI

セマンティックUIは、ウェブサイトをより意味的にするための継続的な努力です。それは自然言語の原則を利用して、コードをはるかに読みやすく理解できます。

意味UIに関するノート

セマンティックはここで議論されている中で最も革新的でフル機能のフロントエンドフレームワークです。フレームワークと命名規則の全体の構造は、そのクラスの明確な論理と意味論に関しても、他を凌ぎます。

4 .純粋な、ヤフー!

純粋なCSSで書かれている、軽量で、モジュール型のフレームワークです。

純粋ノート

純粋なあなたのプロジェクトへのクリーンスタートのための裸のスタイルだけを提供しています。それはフル機能のフレームワークを必要としない人々のために理想的ですが、唯一の特定のコンポーネントは、自分の仕事に含めるように。

5 .リトルビッグプラネット™2でアップロードuikit

Uikitは使いやすい簡単にコンポーネントをカスタマイズする簡潔なコレクションです。それは競合他社として人気がないが、それは同じ機能と品質を提供しています。

Uikitに関する覚書

Uikitは多くのWordPressテーマでうまく使用されます。これは、柔軟かつ強力な手動カスタマイズメカニズムを提供しています。(以前のバージョンではGUIのカスタマイズも提供しました。

あなたのための右フロントエンドのフレームワークは何ですか?

最後に、右のフレームワークを選択するためのガイドラインを教えてください。以下に注意してください。

あなたがまだわからない場合には、ミックスとマッチアプローチを採用することができます。特定のフレームワークがあなたのニーズを満たさないならば、あなたは2つ以上のプロジェクトから構成要素を混ぜることができます。たとえば、1つのフレームワークから、より小さなCSSベーススタイリングを取得することができます、別のグリッドシステム、およびより複雑なコンポーネントを3番目から。Vivaのモジュール性!:)

最後に、最近では、FlexboxとGridレイアウトが主要なブラウザーの最新バージョンで良い支持を持っているということに言及されなければなりません、複雑なレイアウトを構築するのはこれまでより簡単です。この事実だけは、より多くの開発者がフロントエンドフレームワークの松葉杖を残して、ゼロから彼らのレイアウトをコード化するのを奨励するかもしれません。

あなたの考えは何ですか?これらのフロントエンドフレームワークのどれかは、ここで言及されなかったどんな強さと弱点を持ちますか?あなたは、リストされなければならなかった他がいると思いますか?以下のディスカッションでお知らせください。

トップ2つのフロントエンドフレームワークに深く飛び込むには、ブートストラップを試してみてください。

この記事は、2018年7月にフロントエンドフレームワークの下に記載されている機能の現在の状態を反映するように更新されました。

あなたがブートストラップについて聞いたことがあるが、それがあまりに複雑であるので、それを学ぶことを延期しているならば、ブートストラップの力への迅速で楽しい導入のためにブートストラップ4コースへの我々の導入を通して遊びます。

Ivaylo Gerchevは、独学のウェブ開発者/デザイナーです。彼は、HTML、CSS、jQuery、PHP、およびWordPressと同様にPhotoshopとイラストレーターで遊ぶのが好きです。Ivayloのモットーは、最大の効果のための最小限の努力です