CSS UIフレームワークとjQuery UIの違い

Question

bootstrapとw3.cssなどのCSSフレームワークがbuttonなどのWebページUIウィジェットを作成できることに気付きました。 しかし、JavascriptライブラリjQuery-uiも作成できますbutton

これら2つのアプローチの違いは何ですか？

Answer 1

ブートストラップ（と仮定V3）：上の応答、モバイル最初のプロジェクトを開発 ため

ブートストラップは、最も人気のあるHTML、CSS、およびJSフレームワークです：bootstrap's Webサイトから直接引用

ウェブ。

1. は、あなたがPC、錠剤やモバイルなどの複数のデバイス間で動作応答Webアプリケーションを作成することができます枠組みです：それは次の機能を提供することを意味

。

このデバイスは、デバイス間で動作する12列応答グリッドシステムを提供します。

相続など、変数、ミックスインのような概念をはるかに効率的なCSSを書いて作るこれ、 SASS Preprocessorをサポート

はまた、Web開発に風を作るcomponentsの多種多様を提供します。これらのコンポーネントは、javascriptとjQueryを使用して構築されています。

あなたのウェブアプリケーションに使用できるthemesがたくさんあります。

jQueryUI

jQueryUIから直接引用：

jQueryのUIは、ユーザインターフェースの相互作用、効果、 ウィジェットのキュレーションセットで、テーマはjQueryのJavaScriptの上に構築されましたとしょうかん。 高度なインタラクティブなWebアプリケーションを構築しているかどうかにかかわらず、 は日付選択ツールをフォームコントロールに追加するだけで、jQuery UIは の完璧な選択です。基本的にそれが提供していることを意味

：

1. あなたのWebアプリケーションで使用できるカレンダーなどのウィジェット/コンポーネント、ドロップダウンなどのセット。

2. ドラッグアンドドロップのような相互作用。

3. コンポーネントのカスタムルックアンドフィールを作成するためのテーマ。

これをまとめると、ブートストラップは応答性の高いWebアプリケーションを構築するためのフレームワークですが、jQueryUIは基本的にウィジェット/インタラクションライブラリです。ブートストラップベースのアプリケーション内でjQueryUIウィジェットを使用できることに注意してください。

Answer 2

主な違いは著者です。別の違いは、それらが提供するコンポーネントである可能性があります。

彼らは同じことをしていますが、異なる作家を持っています。 BootstrapはCSSフレームワークですが、「折りたたみ」（jQuery UIは「アコーディオン」と呼んでいます）のようなインタラクティブな要素の一部にJavaScriptを使用しています。 BootstrapはjQueryと互換性があるようにJavaScriptを書きました。