かれこれ15年くらいネットワーク環境から遠ざかっていたので、Twitterなんて正しく夢の世界でがすよ(悪夢?)。「ネットは広大だわ」by草薙素子(攻殻機動隊1巻最後のセリフ)要注意:無断転載は一切お断りします。必ず許可を取って下さい。
今のウェブデザインの流行りは「レスポンシブ・ウェブデザイン」! 昨日、とあるアプリの紹介ページについて話し合っていたのだが、株式会社LIGのデザイナブログに書いてあった「必読!5分でわかる流行のレスポンシブWebデザインまとめ」に載っていた「NHKスタジオパーク」のレスポンシブ・ウェブデザインがイケイケすぎて感動したので、紹介する!これは本当にすごい!! まず普通に表示するとこんな感じ。よくある3コラムベースのウェブサイト。 少し幅を狭めると、下にあったコンテンツが右サイドバーに移動し、右サイドバーにあったコンテンツが下に移動した。 さらに狭めてみると、右のサイドバーが完全に無くなった。 さらに狭めると今度は左のサイドバーが消えた。 ブラウザの限界まで狭めてみると、各パーツの幅も狭まってこのような形に落ち着いた。 これを試している時、各要素の動きがあまりにも滑らかでものすごく感動した。皆さ
バンダイナムコゲームスから発売された「ゴッドイーター」の制作に携わった河野紀子さんが、CEDEC2012にて、中二病のキャラクターに限らず、アニメーターがキャラクター付けを行う際に重要となるロジック、そしてキャラクターの内面(心理状態)を適確にポーズで表現する方法を学べる講演を「ユーザーに中二キャラクターとしての認知に成功したアニメーション・メソッド ~ゴッドイーターから贈るフィジカル中二論~」と題して行いました。 まず、ゴッドイーターのキャラクターをかっこいいポーズでキャラ表現をして欲しいとオーダーをもらいました。ここで課題です。1つ目はオーダーはもらったんですが、ゴッドイーターにとっての「かっこいい」とは何か。かっこいいには色んなかっこよさがあって、人の好みによってかっこよさも違います。そこで、ゴッドイーターにとってのかっこよさを探さなくてはいけません。2つ目です。「ポーズでキャラ表現
6月20 gifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない カテゴリ:Awesomeデザイン http://blog.livedoor.jp/clock510/archives/1818437.htmlgifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない モーションデザイナーUKYO Inabaさんの作品 東京23区の区章をカラフルでスタイリッシュなgifアニメーションで表現した斬新なアイデア。 普段、目にする状態だといかにも紋章といった感じで堅苦しく、道路標識などで無意識に見ていても、あまり記憶に残らないことが多いですが、これなら興味をもって身近な存在と感じられそうです。(6/21追記:コチラもおすすめ→東京23区のgifアニメに新展開〜 映画のオープニングのようなクールな表現がスゴイ!!) uky0178(UKYO I
JavaScript でアニメーションを作る アニメーションとは何? ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> なんで、あんな感じの書き方になるの? setInterval の意味が分からない こんな感じで書けないの? <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く