「マテリアルデザイン」はGoogleが発表したデザインのガイドラインです。Googleのサービスは現在ほぼすべてこのマテリアルデザインに則って作成されています。シンプルながらも機能性に優れたこのマテリアルデザインを駆使すれば、ウェブページがより洗練されたものになること間違いなし! 今回はマテリアルデザインのパーツを紹介しつつ、コピペで簡単にマテリアルデザイン風のパーツを再現できるhtml,CSS,Javascriptを紹介していきます! カードUI マテリアルデザインといえば定番のカードUI。必要な情報が集約されていながら、洗練されたデザインです。これがコピペで実現できればうれしいですね! See the Pen card by sora-inu (@sora-inu) on CodePen. See the Pen Material Card with Animated Featured
![コピペでデザイン!簡単マテリアルデザイン風コードまとめ | Web Design Trends](https://cdn-ak-scissors.b.st-hatena.com/image/square/40fef688d894b8d0ec521503abb513b5f6d82a34/height=288;version=1;width=512/https%3A%2F%2Fwebdesign-trends.net%2Fwp%2Fwp-content%2Fuploads%2F2016%2F09%2FIntroduction-Material-design-Material-design-guidelines.png)