読者です 読者をやめる 読者になる 読者になる

webhack / 猫とウェブ技術が好き

javascriptやcssやHTML5とかサーバーサイドの技術やプロジェクトマネジメントとかウェブに関するマーケティングとかWEBを取り巻く全般を好きに書くブログ

マテリアルデザインのアニメーション大全サンプル集付き。

Photo credit: Gattou - Lucie Provencher※2015/11/9日時点の情報です。いま流行中のマテリアルデザインの肝は?と聞かれるとやっぱりアニメーションですよね。シンプルなアニメーションによってユーザーインターフェイスの意図が伝わり易くなります。マテリ…

マテリアルデザイン(Material Design)フレームワークのリンク集

マテリアルデザインのガイドラインを出していたGoogleから公式のフレームワークも登場するなど、今年に入ってマテリアルデザインフレームワークが充実してきました。マテリアルデザインが盛り上がる背景として、ウェブページとアプリの両方で使いやすい(特…

"MUI"Googleのマテリアルデザインガイドラインに則った軽量CSSフレームワーク

GoogleからMaterial Design Liteが発表された直後ですが今年登場して頻繁にアップデートが繰り返されているマテリアルデザインの軽量CSSフレームワーク"MUI"の紹介です。※見た目についてはGoogleマテリアルデザインのガイドラインに則っているため特に紹介し…

マテリアルデザイン風ボタンがプレステのコントローラーのような4つの小さなボタンに分かれるCSS

"+"の箇所にマウスカーソルを合わせてください。マテリアルデザイン風アクションボタンが4つの小さなボタンに分割します。プレステのコントローラーみたいです。codepen.ioアイコンはfont-awesomeを利用していますが、ボタン分割のエフェクトはCSSだけで実装…

マテリアルデザイン(Material Design)のcssやフレームワーク

ぼくはbootstrap + Paperを使う事がおおいのですが他にも良さげなcss/フレームワークがありますのでこの記事にまとめて行きます。 1.Materialize Documentation - Materializematerializecss.com bootstrapを使わずにレスポンシブなマテリアルデザインに向い…