Material Design

Angular Materialを試す

Angular Materialを試してみましたのでブログに残しておきます。 これは文字通りAngular向けのMaterial Design componentsで、Material Designに従ったButtonやCheckboxなどさまざまなコンポーネントを簡単に使うことができる仕組みです。 (adsbygoogle = wi…

Material Componentsのチュートリアル mdc-103 Web

MDC-103 Web: Material Theming with Color, Shape, Elevation and Type (Web)を試してみましたのでブログに残しておきます。 前回記事の続編です。 今回もMDC-101, MDC-102で対応した問題と同様の事象に遭遇したので、それぞれ対処しチュートリアルが完了し…

Material Componentsのチュートリアル mdc-102 Web

MDC-102 Web: Material Structure and Layout (Web)を試してみましたのでブログに残しておきます。 前回記事の続編です。 今回はログイン後のHome画面に ナビゲーション 商品イメージのリスト を作成します。 (adsbygoogle = window.adsbygoogle || []).push…

Material Componentsのチュートリアル mdc-101 Web

Material ComponentsのチュートリアルMDC-101 Web: Material Components (MDC) Basics (Web)を試したのでブログに残しておきます。 Material Componentsは、Material Designに則った一貫性のある画面を作るためのライブラリで、DesignとEngineering両方をう…

マテリアルデザイン - 公式チュートリアルのサンプル画面

マテリアルデザインについて調べています。 Wikipediaには「Googleが提唱したデザインシステム(設計体系)の一種、および、それを実現する開発技術や手法、デザイン、試みなどの総称である。」と記載されています。 UX/UIデザイナーであれば、必ず必要とな…