jQueryを使ったアニメーションと、ユーザビリティの話。それとCSS3。 - 甘味志向＠はてな

JavaScript Advent Calendar 2011 オレ標準コース、2日目のもろへいやです。とても遅れてすいません… 私は技術的な話は得意ではないので、デザイン面からJavaScriptプログラマーに向けてのTipsを書きたいと思います。 今回は、アニメーションの話を書いてみます。 jQueryは標準で、要素の表示・非表示を切り替えるときにフェードやスライドを使うことが出来ますよね。 $("#box").fadeIn("fast"); たった一行で、アニメーション効果を付加することができるので、 プログラマーのみならずデザイナーの方でもjQueryを使っている人は多いんじゃないかと思います。 しかし、簡単なおかげで何をするにアニメーション効果をかけまくってしまったり。 あるいはアニメーション効果なんて無駄！ ということで、全然使っていない人もいると思います。 ですが、アニメーシ

[abtky]

jQueryでGPUアクセラレータ

[hisasann]

「ちなみにiOSシミュレータを使えば、画面上でGPUアクセラレータが適用されている部分を可視化することが出来ます。」

[mafy55]

導入部の話しが面白い。なんでも分業されがちだけど、プログラムとデザインって不可分な領域あるよな～。

[torazuka]

効果的にアニメーションが使われているサイトって、使い勝手が自然すぎて気づかなかったりする。参考にしたいから気づきたいのですが…（まあ制作者には本望な状態か）

[site159]

合わせ技か　なるほど

[asterisknautz]

メモ クイックポスト

[hush_puppy]

まったくもってその通りだと思う。正しくアニメーションを使うと使いやすくなる。なのでアニメーションを悪用して視線を奪おうとする広告は滅びてくださいお願いします

[raimon49]

＞ちなみにiOSシミュレータを使えば、画面上でGPUアクセラレータが適用されている部分を可視化することが出来ます。 / 知らなかった…。

[hideki_a]

CSS3のTransition(Animation)との連携の話など。

[S_Satonaka]

ええこと書いてります。

[warriorking]

jQueryを使ったアニメーションと、ユーザビリティの話。それとCSS3。 - 甘味志向＠はてな

[kanno_kanno]

「デザイン・アニメーションというものは、ユーザビリティを向上させるために存在していると思います。」

[psychedesire]

ほう

[otim3]

なるほど！

[hiroshi_revolution]

jQueryを使ったアニメーションと、ユーザビリティの話。それとCSS3。 - 甘味志向＠はてな

[nisemono_san]

割とデザイナーのサイトでも、ユーザビリティに気が回っていないサイトはちょくちょく見かける。