Example: mouseover
![Chaffle](https://cdn-ak-scissors.b.st-hatena.com/image/square/86a460d4e6545b747f57e0bc9dcec994165615bd/height=288;version=1;width=512/http%3A%2F%2Fwww.blivesta.com%2Fico%2Fblivesta-300.png)
こんにちはMUUUUU.ORGの中の人こと、Quoitworksのムラマツです。 アニメーションをとりいれるとwebサイトが華やかになりイイ感じに見えますが、 サイトを分かりやすくする、目的を達成するために上手に使えていますでしょうか。 今回はオライリーから出ている「インタフェースデザインの実践教室 ―優れたユーザビリティを実現するアイデアとテクニック」を参考に(心理学とは別の兄弟本みたいなやつです) UIの領域での”問題を解決する為にどうやってアニメーションを取りいれるか”をまとめていこうと思います。(アニメーションによってデザインの力を増幅させる効果に関しては今回は置いておいてください) そもそもなんでwebサイトにアニメーションを入れる必要があるのか 小さな変化や、大きな変化に隠れて見逃されてしまいかねない変化に、ユーザーの目を向けさせるときに利用します 激しい状態の変化を把握しやす
こんにちは。Toshikuraです。今回のTipsは【jQueryでCSS3アニメーションの終了のタイミングを取得する方法】です。先日【CSS3でアニメーション【番外編】- CSS3アニメーションで動作するjQueryスライダーを作ってみる!】という記事を書きましたがその更なる続編になります。jQueryではアニメーション終了のタイミングをanimate({},function(){~~~})やanimetedで取得できますが、CSS3でのアニメーションでは少し記述が異なります。 【vol.1】- とりあえずはじめの一歩。 【vol.2】- ホバーでアニメーション実行 & 複数アニメーションの組み合わせ方法 【vol.3】- イージングを生成してくれる便利なジェネレーター 【vol.4】- クリックでアニメーションを実行させる方法(複数同時実行例含む) 【vol.5】- ちょっと複雑なアニ
パララックスをはじめ、フェードやスライド、トゥイーンなど、多種多様なアニメーションに対応している、「スクロール時に面白いエフェクトを与えるjQueryのプラグインのまとめ」で紹介した「scrollorama」を強力にパワーアップしたjQueryのプラグインを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く