今回のお題は、 メニュー項目にポインタを重ねると数字が飛び出してくるバーだ (サンプル1⁠)⁠。 「⁠Hop Over Notification Badge」 のデザインとアニメーションにもとづいて、 コードはわかりやすく組み立て直した。ちょっとした動きとはいえ ...
今回のお題は、 ハンバーガーメニューのアニメーションだ。ハンバーガーアイコンをクリックすると、 メニューが右に向けて広がる (サンプル1⁠)⁠。 「⁠CSS Gooey Menu」 のデザインとアニメーションをもとに、 コードは絞り込んでわかりやすく組み立て ...
HTML5 CanvasやWebSocketなどの最新技術を駆使して作ったiPhone 4用ブラウザーゲーム「Handy Stadium」の裏側を解説する本連載も、今回で最終回(連載バックナンバー)。今回は、CSSアニメーションを中心としたフロントエンドの実装について解説します。 Handy Stadium ...