27 の役立つ CSS フレームワークの推奨事項

巴扎黑
リリース: 2017-04-05 16:08:17
オリジナル
3360 人が閲覧しました

CSS フレームワークを使用すると、作業が簡素化され、作業効率が向上します。 CSS フレームワークは、基本要素のリセット、ページ レイアウト、グリッド レイアウト、フォーム スタイル、一般ルール、その他のコード ブロックを含む CSS ファイルのコレクションです。ここでは、おすすめの優れた CSS フレームワークを 27 個紹介します。

1. 960GS

ページ幅 960 ピクセルは、現在のさまざまな解像度で Web コンテンツを適切に表示できる設計標準になっているようです。 Web デザインプロセスを簡素化するために、より一般的に使用されるサイズが提供されており、作業がシンプルかつ効率的になります。

2. YUI 2: グリッドCSS

Mango はかつて Yahoo 開発チームが立ち上げた YUI を紹介しましたが、この YUI Grids CSS もその一部です。最も有名な CSS フレームワークの 1 つである YUI Grids CSS は、4 つのプリセット ページ幅と 6 つのプリセット テンプレートを提供します。その中でも、マイナスマージン技術、測定単位emの使用、レイアウトフロートのクリアなどの技術は学び、学ぶ価値があります。

3. ブループリント

ブループリントは、レイアウト、タイポグラフィ、ウィジェット、リセット、印刷を異なる CSS ファイルに分割する成熟した CSS フレームワークです。 Web デザイン中に導入されるコードが削減され、ページの読み込み効率が向上します。

4. ブルートリップ

BlueTrip は、BluePrint と Tripoli フレームワークの優れた部分、960.gs のシンプルさ、Elements アイコンを統合した CSS フレームワークです。便利なスタイルのコレクションと Web サイトの一般的な作成方法を提供します。これにより、デザインに集中できます。

5. 伸縮性のあるCSS

Elastic は、Web ページのレイアウトに使用されるシンプルな CSS フレームワークです。 Elastic を使用すると、さまざまな一般的な Web ページ レイアウトが可能になります。

6. 簡単

市場で人気のある JQUERY コンポーネント関数はすべてそのフレームワークに組み込まれており、複雑な AJAX JQuery 構文を学習する必要がなく、このフレームワークを直接使用するだけで済みます。これは非常に便利です。

7. EZ-CSS

EZ-CSS は、軽量でブラウザフレンドリーで使いやすい CSS フレームワークです。 CSS+p を使用して複雑なページ レイアウトを作成するために使用されます。

8. トリポリ

Tripoli は、HTML プレゼンテーションのための一般的な CSS 仕様です。 Tripoli は、ブラウザ標準をリセットして再構築することにより、Web サイト プロジェクトに標準のクロスブラウザ パフォーマンスの基盤を提供します。

9. 賢いCSS

CleverCSS は、Python からインスピレーションを得た CSS 用の小さなマークアップ言語で、すっきりとした構造化された方法でスタイルシートを作成するために使用できます。多くの点で、CSS2 よりもクリーンで強力です。 CSS との最も明らかな違いは構文です。CSS はインデントに基づいており、単調ではありません。これは明らかに Python のルールに違反しますが、スタイルを整理するためには良いアイデアです。

10.センCSS

CSS の繰り返し部分に適切なスタイルが提供されるため、Web サイトのスタイルにさらに注意を払うことができます。他の CSS フレームワークとは異なり、SenCS にはさまざまな複雑なレイアウト スタイルや事前定義されたグリッド システムが含まれていません。ベースライン、フォント、パディング、マージン、テーブル、リスト、ヘッダー、ブロック引用符、フォームなどはすべて SenCS で実行できることです。

11. エマスティック

Emastic は、継続的な使命を持った CSS フレームワークです。それは、奇妙な新しい世界を探索し、新しい生活と新しい Web サイト空間を見つけ、CSS フレームワークがまだ到達していない領域に大胆に挑戦することです。軽量でページ幅が使いやすく、グリッド内で固定列幅と非固定列幅を使用します。 Elastic は「em」レイアウトを使用します。

12. タイポグリディ

Typogridphy は、グリッド レイアウトに適した CSS フレームワークであり、Web デザイナーやフロントエンド開発者が美しいグリッド レイアウトを実現するためのコードを迅速に作成できるようにするために使用されます。さまざまなグリッド レイアウトを簡単かつ簡単に作成できます。このフレームワークの CSS は、セマンティック検証、厳密な Xhtml およびその他の標準に完全に準拠しています。

13. フレームワークの削減 3

ミックスイン、変数、ネストなどの高度な機能を最大限に活用した、less.js ベースの CSS フレームワークです。

14. 要素

これは非常に軽量な CSS フレームワークであり、そのコード構成構造から判断すると、作成者は明らかにプロジェクト全体を CSS フレームワークにデプロイできることを望んでいます。

15.定型文

これは HTML/CSS/JS のデフォルトのテンプレートであり、HTML5-CSS3 をサポートするクロスブラウザー Web サイトの構築に役立ちます。

16. マロ

超小型、柔軟、使いやすい、可変幅のパーソナライズされたページ。

17. 1kb CSS グリッド

Web サイトのメインフレームワークを構築するために軽量の CSS グリッド システムのみが必要な場合は、1Kb CSS Grid を試すことができます。 1KB CSS Grid Web サイトでは、CSS グリッドをカスタマイズするためのジェネレーターが提供されており、カスタマイズされた CSS グリッドを直接ダウンロードできます。

18. 流体グリッドシステム

Web サイトのナビゲーション メニューのテキストでは、現在のメニュー ボタンのコンテンツを表現するのに十分な情報を提供できません。一般的な解決策は、ツールチップ情報を使用することです。この場合、モバイル ナビゲーション メニューもこの問題を解決し、Web サイトのデザインにファッション性を加えることができます。そしてダイナミックな要素。

19. スタイルのあるコンテンツ

スタイルのあるコンテンツ 次の論理的なステップは、これを CSS フレームワークに拡張し、すでに作成されテストされたコンポーネントを使用して Web サイトを迅速に開発できるようにすることです。実際に必要なのは、一連の命名規則と柔軟な基本テンプレートです。

20.ワイムスタイル

WYMstyle は、簡単に組み合わせて Web サイトのレイアウトを迅速に作成できる CSS ファイルのセットです。 WYMstyle は、信頼性が高く、十分にテストされた CSS モジュールを提供することにより、あらゆる Web サイトでの退屈なブラウザ間の互換性テストを回避するよう努めています。

21. ゴールデングリッド

これは vladocar によって開発された比較的新しい CSS フレームワークであり、最新の Web サイト デザインに新しいレイアウトのリファレンスを提供できます。非常にコンパクトなので、習得も使用も簡単です。レイアウトを処理する方法の中には、学ぶ価値のあるものがあります。 960 グリッド システムを理解していれば、このフレームワークは使いやすくなります。

22. さらに別の複数列レイアウト (YAML)

YAML は、柔軟で使いやすいレイアウトのために開発された (X)HTML/CSS フレームワークです。 YAML は、2007 年の登場以来、広範かつ包括的なドキュメントを提供してきました。ブループリント CSS や YUI グリッドなどの他の多くの CSS フレームワークと同様に、グリッドベースのレイアウトを作成するための事前定義された CSS クラスのシステムを提供します。レイアウトを作成するには、デザイナーが Web サイトの HTML 構造を作成し、コンテナー (HTML タグ) の CSS を記述するだけで、残りの作業が行われます。

23. コンパス

Compass は、スタイル シートとマークアップを簡単に作成および保守できるようにするスタイル オーサリング フレームワークです。オリジナルの css の代わりに sass を使用して独自のスタイルを作成する Sass で Mixins と Compass を組み合わせることで、Blueprint などのスタイル フレームワークを使用して独自のスタイル タグを置き換えることができます。 Compass は sass をベースにしており、Blueprint などの CSS フレームワークを使用できます。とても便利です。

24. スキーマ Web デザイン フレームワーク

Schema は、反復的なデザイン タスクに必要な CSS タグと HTML タグを提供するように設計されたプレゼンテーション層の Web ページ フレームワークです。 新しい Web サイト プロジェクトごとに HTML/CSS を最初から作成するのではなく、Schema はすぐにデザインを開始して実行するために必要な基盤を提供します。

25. スパークル

これは非常に成熟したシステムであり、小さく、柔軟性があり、学習と使用が簡単です。

26. jQuery UI CSS フレームワーク

jqueryをベースとしたスキン置換機能を備えたUIコントロールとマウスインタラクションコンポーネントのセットです。開発者が優れたユーザー エクスペリエンスを備えた Web アプリケーションを構築できるようにするために使用されます。 jQuery を使用したユーザー定義ウィジェット用の強力な CSS フレームワークを提供します。その中の ThemeRoller を使用すると、さまざまなスタイルの Web インターフェイスを自由に操作およびデザインできます。

27. 52フレームワーク

HTML5とCSS3を実装したWeb開発フレームワークです。これは、IE6 を含むすべての主要なブラウザで実行できるクロスブラウザ フレームワークです。これは主に HTML5 を有効にする JavaScript ファイルを使用して実装されます。

以上が27 の役立つ CSS フレームワークの推奨事項の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!