Origami - Design prototyping with Quartz Composer
Most designers today create static mockups to communicate app ideas. But increasingly apps are anything but static, which means as designers we need a better tool for interaction design. Origami is a free toolkit for Quartz Composer—created by the Facebook Design team—that makes interactive design prototyping easy and doesn’t require programming. Quartz Composer is a freely-available Mac OS X appl
Getting 60 FPS using Chrome devtools
This post is about making your web page perform better using a real world example. As you know, we recently launched a very cool animated comic on A/B Testing. It is scroll animation describing what is A/B testing. I'll talk about it as an example and walk you through its performance issues, how we debugged them and finally what we did to extract 60 FPS out of it. The process we see in following t
[Unity]Unity4.3の2Dツールを使ってみる -Sprite編- | クスールブログ
こんにちは！布浦です。 最近「おミソわけ S」や、dotFesで展示したインスタレーション「minamo」の制作などで、 Unityばっかりやってます。 Unity4.3公開！ 先日、Unityのバージョン4.3が公開されました。 Unity4.3では、2D周りの機能が大幅に強化されました。 今までのバージョンでも、2Dゲームがつくれなかったわけではないのですが、 Spriteを生成する機能などが追加されて、より便利になりました。 さらに、アニメーションのツールもアップデートされて、 コマアニメをタイムラインをつかってつくることもできます。 さっそく、2Dのキャラクターを操作するサンプルを、 クスールのキャラクター「ことり」を使ってつくってみました。 2つのコマアニメーション（「歩く」と「飛ぶ」）を切り替えて再生、 キャラクターの移動は2Dの物理エンジンをつかって実装しています。 動くサン
![[Unity]Unity4.3の2Dツールを使ってみる -Sprite編- | クスールブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/69a1f68fa7424ca6d37f3b9ee6fe4ccca454c709/height=288;version=1;width=512/https%3A%2F%2Fcshool.jp%2Fblog%2Fwp-content%2Fuploads%2F2014%2F01%2Fogp.png)
50+ inspiring animated gifs
One of the biggest trends right now is animation. It's smaller than video, more engaging than still images, and the range of talent worldwide seems to grow daily. Just a couple of years ago, web animation meant Flash, and when Flash lost credibility animation fell alongside it. That’s no longer the case, now when we talk about animation, more often than not we mean animated gifs. And finally, anim
Pure CSS3 typing animation with steps() • Lea Verou
steps() is a relatively new addition to the CSS3 animations module. Instead of interpolating the values smoothly, it allows us to define the number of “frames” precisely. So I used it to create headers that have the well-known animated “typing effect”: As you can see, the number of characters is hardcoded in the steps() function, but that’s the only place. Everything else is totally flexible. Apar
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SUPERSCROLLORAMA
Victor Coulon : Mon blog High Tech
Ceaser - CSS Easing Animation Tool - Matthew Lein