Googleの提唱する「マテリアルデザイン」の事例を集めまくって無料で素材のダウンロードまで可能な「MaterialUp」
Googleが開発者向けイベントGoogle I/O 2014で発表した新しいUX体系が「マテリアルデザイン」です。アニメーションやカードデザインなどを使い、「合理的な余白と動きを使った統一理論に基づいたもの」と定義されていますが、このマテリアルデザインの優れたウェブサイトやモックアップを毎日最大12個展示する「MaterialUp」は、「優れたマテリアルデザインとは何か」が一目で分かる上に素材のダウンロードまでできる便利なウェブサイトになっています。 The Best Of Material Design, daily – MaterialUp http://www.materialup.com/ マテリアルデザインとは何か？ということは、以下の記事から読むことが可能です。 アニメーションを使ったGoogleの新UXデザイン「Material Design」とは？ - GIGAZINE
ウェブデザインの配色設計に役立つオンラインサービスのまとめ -2013年春
見て楽しい触って便利な、最近リリースされたものを中心としたウェブデザインの配色設計に役立つオンラインサービスを紹介します。 まずは、気軽にカラーを楽しめるサービスから。
真似したい！2012年流行りのパララックスやアニメーションを使ったポートフォリオサイト | necozine
今回は、あまり複雑で凝ったものは紹介ぜす、流行りの技術を使った、「これシンプルだけど、アイディアや題材は良いかも」や「これなら真似できそう」という視点で、パララックスサイトやスクロールしてアニメーションするペラサイトを集めてみました。 というのも、ポートフォリオサイトは、お仕事しながら片手間で、学生なら就職活動しながら、勉強しながら・・という方が多いのではないでしょうか。 それでも、HTML5やCSS3、jQueryを使ってパララックス、アニメーションで作ってみたい、リニューアルしたい！しなきゃ！と想いを巡らせていないでしょうか。 そういった皆さんに、参考になればと思います。 海外の真似したいと思ったサイト http://www.ipolecat.com/ イラストがポップで可愛い、縦スクロールのサイト。わかりやすいし親近感がわく。 http://www.justdot.gr/ こちらはカ
[JS]画像にモザイクをかけたり、点描状にするちょっと面白いスクリプト -SeuratJS
アニメーションで点描に paper.seurat({ imageSource: 'circus.png', attributes: {r: 2, stroke: "none"}, animator: function(elm, x,y,step){ var anim = Raphael.animation({r: 7}, 350); elm.animate(anim.delay(35*y)); }); 点描をアニメーションで動かします。 点描のアニメーション paper.seurat({ imageSource: 'eiffle-tower.png', animator: function(elm,x,y,step){ var anim = Raphael.animation({cx: 2, cy: 2, r: 1}, 2e3, function(){ var anim = Raphael
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
安野モヨコ描き下ろし、庵野秀明とカラー10年の歩みを描いた「おおきなカブ(株)」公開 | MOYOCO ANNO
ウェブデザインのセンスを磨こう！ 2013年洗練されたディテールのUIデザインのまとめ
html5-memo.com
