[インベントリ] フロントエンド開発向けレスポンシブ フレームワーク 9 つ_html/css_WEB-ITnose

この記事では、フロントエンド設計に非常に役立つ 9 つのレスポンシブ フレームワークを集めました。レスポンシブ フレームワークはここ数年で登場し、今日ではますます一般的になりつつあります。したがって、フロントエンドを設計するときにこれらのフレームワークが役立つことを願って、これらのレスポンシブ フレームワークを集めました。

レスポンシブ ボイラープレート

レスポンシブ ボイラープレートは CSS3 を使用してレスポンシブ デザインをサポートしており、超軽量でサイズはわずか 2 kb です。このテンプレートにはコンテナと 12 列のグリッドがあり、写真、ビデオ、メディアなどの画像コンテンツをサポートしています。

ジュニア: HTML5 フロントエンド フレームワーク

ジュニアは、ネイティブ アプリケーションと同じ外観を持つ HTML5 モバイル Web アプリケーションを構築するために使用されるフロントエンド フレームワークです。 特徴:

• モバイルのパフォーマンスに最適化された CSS3 トランジション
• flickable.js を使用したスワイプ可能な回転効果
• 統合された backbone.js ビューとルート
• CSS UI コンポーネント

Simple Grid

Simple Grid は、レスポンシブ デザインに基づいたシンプルな CSS フレームワークで、携帯電話や携帯電話向けの Web サイトをすばやく作成できます。錠剤。これはフォームからボタンまですべてを含む CSS フレームワークではなく、単なる非常に軽量な CSS グリッド システムです。

cgSceneGraph

cgSceneGraph は、JavaScript で開発された強力なクロスプラットフォームで非常に使いやすい HTML5 Canvas アニメーション フレームワークです。アプリケーションやゲームの開発を容易にするために、完全にオブジェクト指向ソフトウェアを使用して開発されています。このフレームワークは複雑なシーンを管理でき、マウスとタッチ イベント、ドラッグ可能でサイズ変更可能なプロパティをサポートし、さらにパーティクル衝突システムも付属しています。

Base

Base は、レスポンシブなサイトを迅速に作成するために使用できる、セマンティックベースの軽量で拡張可能なフレームワークです。

Opentip

Opentip は、jQuery、プロトタイプをサポートするか、単独で使用される美しい JavaScript ツールチップ フレームワークです。 HTML5 キャンバスを使用してツールチップを作成するため、あらゆるクリエイティブなデザインを作成でき、すべてのブラウザーでほぼ同じように表示されます。

Xycss

Xycss は、レスポンシブでリキッドなレイアウトを構築するための、非常にシンプルで軽量な CSS フレームワーク (1 つの CSS ファイルを含む) です。これには構造とタイポグラフィのスタイルが含まれており、クリーンでセマンティックなマークアップに焦点を当てています。

ポッド

ポッドは、カスタム コンテンツ タイプとフィールドを作成、管理、デプロイするためのフレームワークです。

Nimbus

Nimbus はオープンソースの iOS フレームワークであり、Three20 と比較して、Nimbus のドキュメントはより包括的で豊富であり、多くの機能を実現できます。非常に素晴らしいインターフェース効果。したがって、開発者は Nimbus を使用してプロジェクト設計の複雑さを軽減できます。