Vuetify.js でお手軽マテリアルデザイン + Atomic Design「風」のディレクトリ構成 - s平面の左側
Vue.js #4 Advent Calendar 2017 - Qiita の 19 日目のエントリー。 （先日の記事の続きを書こうと思っていたが、こちらの日が先に来てしまった） 最近、フロントエンドエンジニア・デザイナー不在のプライベートな開発において、フロントサイドの実装を任されることがあった。 その際に Vuetify.js を用いて比較的簡単にマテリアルデザインのページを実現できたので、その備忘録。 （意見・ツッコミなどは歓迎） vuetifyjs.com 出来上がった画面のイメージはこんな感じ。 ※グラフ描画は Vuetify.js で提供していないので、 vue-chartjs を利用している。 このレベルであれば、Vue.js の基礎知識だけある状態から1日で辿り着くことが出来た。 概要 Vuetify.js はマテリアルデザインのコンポーネントを80種類以上提供している。
エンジニアよ、デザインを恐れるな。ガイドラインの「根拠」が強い味方になる｜Fablic（フリル） | キャリアハック（CAREER HACK）
「フリル（FRIL）」を手がけるFablic社からは中村恵太氏が登壇。Googleが公開するMaterial DesignのガイドラインはUX改善にとどまらない。デザインが苦手なエンジニアの味方にもなってくれるという。その真意とは？ ガイドラインに沿うことで開発者が得られるメリット｜Fablicの場合 ※Google Playの『ベスト オブ 2016』 に選出された企業が集結したイベント『App Talk Night』の内容をお届けします。[登壇：Loco Partners(Relux)、AWA、Fablic(FRIL)、NewsPicks、VASILY（iQON）] 累計650万ダウンロードを突破（1月24日時点）。若い女性を中心に支持されている、ファッションフリマアプリ「フリル（FRIL）」。 株式会社Fablicのアプリエンジニア 中村恵太氏は、同アプリのAndroid版はMate
Material Design Liteのクラスを抽出してみた - Qiita
Qiita初投稿です。正直まだなにを書いていいかまだよく分かっていません（汗） 初回投稿は、最近趣味で触り始めた Material Design Lite（以降、MDL）について。 MDLはBEM（Block, Element, Modifier）を採用しているとのことで、どんなクラスがあるか調べてみました。（といっても、ただCSSファイルからクラスのセレクタを抽出しただけですが）あくまで一覧を表示しているだけなので、設定内容については、元ファイルを参照してください。 対象はMDL V1.1.3（2016年5月29日時点の最新）です。 ※ (^( )*\..*)|((^ .*{$)) でgrepして取り出しただけなので、漏れがあるかもしれません。 Block: animation .mdl-animation--default { ... } .mdl-animation--fast-ou
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vuetify — A Vue Component Framework
GitHub - vuetifyjs/vuetify: 🐉 Vue Component Framework
GitHub - Dogfalo/materialize: Materialize, a CSS Framework based on Material Design
Material Palette - Material Design Color Palette Generator
Bootstrap 5 & Vanilla JavaScript - Free Material Design UI KIT