基本的なページの機能強化のためにjQuery UIを使用しています。ボタンと入力のスタイルとモーダルダイアログボックス。今、Bootstrapに出会いました。
jQuery UIからBootstrapに移行した経験はありますか?これは私がやろうとしていることですが、これを行う前に、私が直面する可能性のある問題を認識したいと思います。
基本的なページの機能強化のためにjQuery UIを使用しています。ボタンと入力のスタイルとモーダルダイアログボックス。今、Bootstrapに出会いました。
jQuery UIからBootstrapに移行した経験はありますか?これは私がやろうとしていることですが、これを行う前に、私が直面する可能性のある問題を認識したいと思います。
回答:
私はいくつかのプロジェクトに参加しています。
私の意見の最大の違い
jQuery UIはフォールバックしても安全で、正しく動作し、古いブラウザで見栄えがします。BootstrapはCSS3に基づいています。つまり、基本的に新しいブラウザでは素晴らしいが、古いブラウザではそれほど優れていません。
更新頻度:ブートストラップは素晴らしい新機能を備えたいくつかの大きな更新を取得していますが、悲しいことに、以前のコードが壊れる可能性があるため、新しいメジャーリリースがあったときにブートストラップをインストールして更新するだけではなく、基本的に多くの新しいコーディングが必要です
jQuery UIはJavaScriptからの変換を備えた優れたhtml構造に基づいていますが、Bootstrapは視覚的かつカスタマイズ可能なインライン構造に基づいています。(JQUERY UIでウィジェットを呼び出し、それをBootstrapで定義する)
それで、何を選ぶべきですか?
それは常にあなたが取り組んでいるプロジェクトの種類に依存します。クールで高速なウィジェットの方が優れていますか、それともユーザーが古いブラウザをよく使用していますか?
私は常に両方を使用することになるので、両方の世界の最良のものを使用できます。
これらを使用する場合は、両方のフレームワークへのリンクを次に示します。
button button-primary button-small
、jQueryUIで要素をボタンに割り当てます。つまり、「btn」を追加し、JSを介してボタンにします$(".btn").button()
。これは、ブートストラップでそれをHTMLで定義し、jQueryUIでJSで定義します。Bootstrapのネガティブは、何かを更新または変更する場合(つまり、Bootstrapバージョン)にHTMLを編集する必要があります。jQueryUIはJSを変更するだけでよく、多くの場合は簡単です。両方に良い点と悪い点があります!:)
両方を使用したTwitterのBootstrapは、優れたテクノロジーセットです。ここにいくつかの違いがあります
その他の注意事項
どちらも比較的少ない問題で使用できます。Twitter BootstrapはjQuery 1.7.1(この記事の執筆時点)を使用しており、追加のJquery UIコンポーネントをHTMLテンプレートに統合できない理由は考えられません。
Initializr.comで作成されたHTML5ボイラープレートとTwitter Bootstrapの組み合わせを使用しています。これは、2つの素晴らしいスターターテンプレートを1つの素晴らしいスタータープロジェクトに結合します。http://html5boilerplate.com/およびhttp://www.initializr.com/で詳細を確認してください。 または、すぐに開始するには、http://www.initializr.com/にアクセスして、「Bootstrap 2」をクリックしてください。ボタンをクリックし、「ダウンロード」をクリックします。これにより、開始するために必要なすべてのjsおよびcssが提供されます。
そして、HTML5とCSS3を恐れないでください。InitializrとHTML5ボイラープレートには、すべての機能がIE 6、7、8、9で機能できるようにするポリフィルとIE固有のコードが含まれています。
Twitter BootstrapでのLESSの使用もオプションです。LESSを使用して、Bootstrapで使用されるすべてのCSSをコンパイルしますが、独自のスタイルをオーバーライドまたは追加するだけの場合は、その目的で空のcssファイルを提供します。
カスタムコードを追加するための空のjsファイル(script.js)もあります。ここに、jQueryUIコンポーネントを追加するためのハンドラーまたはセレクターを追加します。
私たちは両方を使用しており、Bootstrapはそのシンプルさと、開発および強化されているペースが気に入っています。jQuery UIの問題は、カタツムリのペースで動いていることです。Menubar、Treeコントロール、DataGridなどの一般的な機能を計画/開発段階で展開するのに何年もかかります。私たちは待って待って待って、やっとあきらめて、製品http://dblite.comに ExtJSのような他のライブラリを使用しました。
Bootstrapは非常に短い期間で非常に包括的な機能セットを生み出し、jQuery UIをすぐに追い越すと確信しています。
ですから、いつかは時代遅れになるものを使う意味がありません...