Sencha AnimatorはExt JSやSencha TouchなどのJavaScriptフレームワークを提供するSencha社が開発した、HTML5/CSS3向けのアニメーションを ...

「HTML5」や「CSS3」を導入することで、ウェブサイトの作成やウェブデザインがさらに便利になります。そんなHTML5とCSS3で追加されている新しい要素で「何ができるのか？」ということが、実際に試したり動かしたりしつつ学べるAdobeの「The Expressive Web」です。

「Bounce.js」はCSS3でバウンドするアニメーションが簡単に作成できるジェネレータです。バウンドする数や拡大縮小、移動などアニメーションの種類も選べます。作成したアニメーションはCSSでエクスポートできますよ。 以下に使ってみた様子を載せておきます ...

mir.aculo.usのCreating awesome CSS3 animationsにおいて、CSS3を使った素晴らしいアニメーションの例としてFreelance Treasure Mapが紹介されている。Chrome、Chromium、SafariなどのWebKitベースのブラウザでアクセスするか、iPadまたはiPhoneからアクセスすると、ページ上部に掲載さ ...

「HTML5」や「CSS3」を導入することで、ウェブサイトの作成やウェブデザインがさらに便利になります。そんなHTML5とCSS3で追加されている新しい要素で「何ができるのか？」ということが、実際に試したり動かしたりしつつ学べるAdobeの「The Expressive Web」です。

ここまでで動画アルバムの機能は完成していますが、せっかくのアプリなのにシンプルすぎて物足りないと感じるかもしれません。そこで、CSS3アニメーションを使って、サムネイル画像がゆっくりと拡大縮小するちょっとした動きを付けてみましょう。