Materialdesignlite-overview

提供:Dev Guides
移動先:案内検索

Material Design Lite-概要

Material Design Liteとは何ですか?

Material Design Lite(MDLは、CSS、JavaScript、HTMLで作成されたUIコンポーネントライブラリです。 MDL UIコンポーネントは、魅力的で一貫性のある機能的なWebページおよびWebアプリの構築を支援すると同時に、ブラウザーの移植性、デバイスの独立性、適切な劣化などの最新のWebデザインの原則を順守します。

以下は、Material Design Liteの顕著な特徴です-

  • 組み込みのレスポンシブデザイン。
  • フットプリントが最小限の標準CSS。
  • マテリアルデザインの概念に従うように適合されたボタン、チェックボックス、テキストフィールドなどの一般的なユーザーインターフェイスコントロールの新しいバージョンが含まれています。
  • カード、列レイアウト、スライダー、スピナー、タブ、タイポグラフィなどの強化された特殊な機能が含まれています。
  • ライブラリまたは開発環境の有無にかかわらず使用できます。
  • クロスブラウザ。再利用可能なWebコンポーネントの作成に使用できます。

レスポンシブデザイン

  • Material Design Liteにはレスポンシブデザインが組み込まれているため、Material Design Liteを使用して作成されたWebサイトは、デバイスサイズに応じて再設計されます。
  • Material Design Liteクラスは、Webサイトが任意の画面サイズに適合するように作成されます。
  • Material Design Liteを使用して作成されたWebサイトは、PC、タブレット、およびモバイルデバイスと完全に互換性があります。

標準CSS

  • Material Design Liteは標準のCSSのみを使用し、非常に簡単に習得できます。
  • jQueryなどの外部JavaScriptライブラリへの依存関係はありません。
  • ExtensibleMaterial Design Liteは、設計上、非常に最小限でフラットです。
  • 既存のCSSルールを上書きするよりも新しいCSSルールを追加する方がはるかに簡単であるという事実を考慮して設計されています。
  • 影と大胆な色をサポートしています。
  • 色と濃淡は、さまざまなプラットフォームとデバイスで均一です。

そして何よりも重要なことは、MDLは絶対に無料で使用できるということです。