ホームページ >ウェブフロントエンド >CSSチュートリアル >レスポンシブ CSS フロントエンド フレームワークとは何ですか?

レスポンシブ CSS フロントエンド フレームワークとは何ですか?

王林
王林オリジナル
2020-11-10 17:36:402436ブラウズ

レスポンシブ CSS フロントエンド フレームワークには、1. セマンティック UI フレームワーク、2. Less フレームワーク、3. Foundation フレームワーク、4. UIkit フレームワーク、5. YUI フレームワークが含まれます。

レスポンシブ CSS フロントエンド フレームワークとは何ですか?

一般的に使用されるレスポンシブ CSS フロントエンド フレームワーク (部分):

(学習ビデオの推奨事項: css ビデオ チュートリアル )

1. セマンティック UI フレームワーク

セマンティックは、UI を簡単に共有するための言語を作成することで、開発者とデザイナーに幅広い制御を提供します。象形文字はもう不要です。Semantic は自然言語を使用して規則を使用して整理し、開発プロセスをより革新的にします。コンポーネントとの通信を容易にする: リアルタイムのデバッグ出力を備えた一連の UI コンポーネントが提供され、コードが何を行うかを示すことができます。

2. Twitter Bootstrap フレームワーク

Web アプリケーションの迅速な開発を支援する、スムーズでクリエイティブかつ強力なモバイルファースト フロントエンド フレームワーク

3. Foundation Framework

foundation 3 は強力な CSS プリコンパイラー SASS を使用してコンパイルされているため、迅速な開発が可能であり、迅速にカスタマイズするための新しいツールが提供されています。

4、UIkit フレームワーク

UIkit は HTML、CSS のセットを提供します、JS コンポーネント。テーマとして拡張でき、パーソナライズされた UI にカスタマイズするのが非常に簡単です

5. スケルトン CSS ボイラープレート

スケルトンは、Web サイトを迅速に開発するのに役立つ超小型の CSS ファイルのセットです。 17 インチのラップトップ画面でも iPhone でも、任意のサイズ。

6. 99lime HTML KickStart

Web サイトの迅速な開発に役立つ非常に優れた HTML5、CSS、および JS コンポーネント

7. Kube — プロフェッショナル CSS フレームワーク

アダプティブまたはレスポンシブな Web サイトを開発するための、シンプルだが非常に豊富なコンポーネント。柔軟なグリッドと美しいフォントレイアウトを備えています。絶対的な自由、不必要な強制的なスタイルはありません。

8. Less フレームワーク 4

Less フレームワークは、アダプティブ Web サイトの設計に役立つ CSS グリッド システムです。 4 つのレイアウトと 3 セットのタイポグラフィ プリセットが含まれており、すべて同じグリッドに基づいています。

9. さらに別の複数列レイアウト「YAML」

YAML は、柔軟性、優れたアクセス、応答性の高いデザインに重点を置いたモジュール式 CSS フレームワークです。このフレームワークは、デバイスに依存しない画面設計と柔軟なレイアウトのモジュール管理に焦点を当てています。

10. YUI フレームワーク

YUI は無料のオープンソース JS および CSS クラス ライブラリであり、主にユーザーがリッチ クライアント インタラクティブ Web アプリケーションを作成するために使用します

関連推奨事項: CSS チュートリアル

以上がレスポンシブ CSS フロントエンド フレームワークとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。