「Adobe Edge」とは、一言で説明すると、Webサイトのモーションや
インタラクションをGUIでオーサリングできるツールです。
ここ最近は、HTML5、CSS3、JavaScriptなどのWeb標準技術を使って
インタラクティブな動きを表現するサイトを見かけるようになりました。
しかし、HTML5やらCSS3やらJavaScriptやらでアニメーションを作るとなると
まだまだプログラマがコードを書かなければならない状況ではないでしょうか。
しかし、Adobe Edgeを使えばそんなお悩みも解決できるかもしれません！
Adobe Edgeではタイムラインにキーフレームをポチポチ打ってアニメーションを
創っていくことが可能です。
この操作感はFlashやAfter EffectsやPremiereのタイムラインを触るような感覚です。
そんなわけで、今回はEdgeを使って簡単なテキストモーションを作ってみます！
(via yarakashita)
(Source: , via iainmacarthur)
CREATING AN ANIMATED 3D BOUNCING BALL WITH CSS3
http://tympanus.net/codrops/2012/05/22/creating-an-animated-3d-bouncing-ball-with-css3/
(via junspark)
(Source: heartisbreaking, via junspark)
最近すっかりPHPが面白くなってしまい、デザインが2の次になりがちでした。最近改めてデザインを見直す機会があり、jQueryや画像などを使わなくても、ある程度見やすくて今っぽいデザインにできるcss3の使い方を見て溜め息をついています。
そんなわけで今回は、システム作りに忙しくてデザインに時間がとれてない人のための、簡単でカッコいいデザインにできるcss3のチュートリアルです。
Pokemon by Chris Redford
Print available at Society6.
Artist: twitter / cargocollective (via: svalts)
Architecture of Density
Seven million people are sardine-canned into a mere 1,108 square kilometers of Hong Kong, comprised of 6,588 high rise buildings (several hundred more than in New York City). Hong Kong’s metoric development and population explosion produced these head-spinningly claustrophobic living conditions, photographed here by Michael Wolf. In each picture it’s hard to imagine that anything else exists besides these massive walls, it seems as if the architecture itself has somehow overtaken the world it springs from.
Artist: website (via: china smack / kotaku)
