Googleによる開発以来、様々なサイトやアプリケーションがマテリアルデザインを成功裡に取り入れています。今年はマテリアルデザインの年と言っても過言ではないでしょう。 マテリアルデザインとは、あらゆるメジャーなプラットホームやデバイスに対応可能にするとともに直観的に理解しやすいデザインのためにGoogleが作成したデザイン・ガイドラインのことです。 同じコンセプトをもったメジャー・ストリームであったフラットデザインに比べ、より視覚的・直観的に把握しやすいように奥行きや影などを使用し、「物質感」を出す点が特徴です。 本記事では、まだこの流れになじみがないという方や、よくわからないという方のために、CodepenからいくつかHTLMとCSSの実例を引っ張ってきました。 (画像をクリックするとCodePenにとびます) マテリアル・デザインを応用した各要素については次の記事を参考にしてみてくださ
![【コードからおさらい】HTMLとCSSを使ったマテリアルデザインの応用例まとめ14選!](https://cdn-ak-scissors.b.st-hatena.com/image/square/78c16bc9e92b14dd7dae9349b25ae9f5ef85d0bc/height=288;version=1;width=512/https%3A%2F%2Fwww.seleqt.net%2Fwp-content%2Fuploads%2F2017%2F10%2F5-3.jpg)