この記事は、ブートストラップが広く流通している11の理由をまとめたものです。 Twitter Bootstrapをまだ使用していない場合は、詳細を確認することをお勧めします。私は最近何かを発見しただけですが、より良いニュースがあります。 2日前にMicrosoftがリリースしたVS2013の公式バージョンでは、Bootstrap 3.0のバージョンが追加されました。 MicrosoftでさえBootstrapの力を見てきましたが、それは本当に非常に良いので、私はそれを学ばなければなりません。 VS2013アップデートの私の簡単な紹介です。興味がある場合は、Visual Studio 2013の更新コンテンツの紹介をご覧ください。
ブートストラップが大多数の人々に愛されている理由は何ですか
1。時間を節約します
Bootstrapを使用すると、お金を稼ぐ時間が増えます。 Bootstrapライブラリには、Webサイトにより多くの活力を追加する既製のコードスニペットがたくさん含まれています。 Web開発者は、コーディングに時間と労力を費やす必要がなくなり、適切なコードを見つけて適切な場所に挿入するだけです。さらに、CSSはより少ないものを使用して書かれており、多くのスタイルとデザインが設計されています。
2。カスタマイズ
ブートストラップの重要な側面の1つは、自分でそれを取ることができるということです。フレームワークの必要な部分を残して、不要な部分を破棄することができます。 Bootstrapを使用すると、ニーズに応じて開発するプロジェクトを調整できます。
3。設計要因
グリッドシステム
ページをレイアウトするときは、適切なグリッドが必要です。必ずしもプラットフォームのグリッドを使用するわけではありませんが、動作するのが大幅に難しくなります。デフォルトモードでは、プラットフォームは16列のグリッドを提供します(幅は960px)。各列の幅は40pxで、各列には左側と右側に10pxのギャップがあり、各グリッドの最も外側に20pxの空白が残ります。必要に応じて、行数と間隔サイズを変更できます。スタイルが開発されており、開発者は適切なコードをHTMLの適切な場所に配置するだけでいいものがあります。
少ない
開発サイクル中には少ないものが広く使用されています。これはCSSに基づいた高レベルの言語であり、その目的はCSS開発をより柔軟で強力にすることです。 LessのミキシンとCSS操作を使用して、組み込みメッシュをカスタマイズできます。 Bootstrapは、多数の人気のあるCSS3機能を採用して、すべてのWebサイトに統一されたブラウジングエクスペリエンスを提供します。
JavaScript
Bootstrapは、基本的なアーキテクチャとスタイルを超えたJavaScriptライブラリを提供します。ブートストラップを介して、開発者はウィンドウ警告ボックス、ツールチップボックス、スクロールバー、ボタンなどを簡単に操作できます。ブートストラップで際立っているのは、心配することなくスクリプトを作成できることです。
4。一貫性
Twitterがこのツールを開発した主な理由は、さまざまなブラウザー間で開発者が開発したプロジェクト間の矛盾でした。これにより、フロントエンド開発とエンドユーザーインターフェイスの間に多くの問題が発生します。 Bootstrapは、さまざまなプラットフォーム上のインターフェイスの統一を保証します。 IE、Chrome、およびFirefoxでは、統一されたインターフェイスを見ることができます。
5。継続的な更新を続けます
jqueryのUIを例として取ります:年に1回更新します。ブートストラップは常に改善されており、より定期的かつ継続的です。 Web開発者が新しい問題を発見するとすぐに、Bootstrapチームはすぐにそれを修正しました。
6.簡単に統合できます
完成したWebサイトをさらに洗練したい場合は、Bootstrapがお手伝いします。たとえば、自己執筆のテーブルスタイルを使用したい場合、やりたいことは、スタイルをCSSスタイルファイルにコピーすることです。 Bootstrapはすぐにそれ自体をスタイリングします。ここでは、ファイルをTwitterに関連付ける必要があります。統合プロセスは非常にシンプルで、便利で高速です。完了したら、デザインをコアコンテンツに適用できます。
7。レスポンシブ
ブートストラップはレスポンシブフレームワークです。開発作業がラップトップからiPadに転送されるか、iPadからMacに転送されるかどうかにかかわらず、作業を心配する必要はありません。 Bootstrapは、超高速のエクスプレスデリバリーと効率を備えたさまざまなプラットフォーム間の違いに適応できるためです。
8。将来のテクノロジーとの互換性
Bootstrapには、HTML5やCSS3などの多くの特別な要素が含まれています。このフレームワークは、設計と開発の将来を考慮しているため、今後数年間でWeb開発者の参照基準になる可能性があります。
9。競争力
Bootstrapは、JQuery UI、HTML5ボイラープレートなど、フロントエンド開発フレームワークのみではありません。しかし、Bootstrapの場合、実際の競合他社はZurb Foundationです。 Bootstrap 2に新しいツールセットが追加されており、Foundationがそれを埋めるのに長い時間がかかりました。 Bootstrapには、基礎が持っていない多数のサードパーティのプラグイン、テーマ、機能機能、コードなどが含まれています。
10。詳細な説明
Bootstrapのドキュメントは非常に素晴らしいです。ほとんどの新しいプラットフォームには適切なドキュメントがないことが多く、Bootstrapのドキュメントはそれについて学ぶのに非常に役立ちます。必要なすべての情報は、ドキュメントを通じて見つけることができます。
11。ボスに利益をもたらします
Bootstrapを学習することは、アーキテクチャを使用したすべてのモジュラーアプローチをカプセル化するため、時間はかかりません。ボスの観点から見ると、Web開発者にブートストラップフレームワークを提供する場合、彼らは学習の時間を節約し、仕事に迅速に投資します。これにより、ボスにより良い利益がもたらされます。
Bootstrapが本当に役立つ場合は、Twitter.github.com/bootstrap/でフレームワークを確認できます。コンパイルされたバージョンをダウンロードしたり、CSSとJavaScriptドキュメントを含むブートストラップソースファイルを取得することもできます。
視覚体験
私が最初に見たのは、中国の公式ウェブサイトです。注意深く見ると、実際に詳細に説明されます。
次に、中国のドキュメントhttp://v3.bootcss.com/bootstrap3をクリックします。
http://expo.bootcss.com/ここに適用されている多くのウェブサイトインスタンスを読み続けてください。
非常に多くの例とそのような優れたフロントエンドアーキテクチャを見て、私は実際に非常に多くのウェブサイトが使用されていることに気づき、学習の旅を始めるのを待つことができません。
それでも詳細に勉強したい場合は、ここをクリックして3つのエキサイティングなトピックを勉強して添付できます。
ブートストラップ学習チュートリアル
ブートストラップ実用的なチュートリアル
ブートストラッププラグインの使用チュートリアル
上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。