今回のお題は、 メニュー項目にポインタを重ねると数字が飛び出してくるバーだ （サンプル1⁠）⁠。 「⁠Hop Over Notification Badge」 のデザインとアニメーションにもとづいて、 コードはわかりやすく組み立て直した。ちょっとした動きとはいえ ...

新たに始まった連載 「CSS3アニメーションでつくるインターフェイス表現」 では、 CSS3によるアニメーション表現を紹介していきたい。その中でも、 幅広い読者に応用してもらえるだろうインターフェイスをおもなお題とする。CSS3が充実し、 ブラウザの ...

フランスの建築事務所のWebサイト。 随所に使用されているアニメーション 美しい建築写真が、存在感のあるタイポグラフィとともに目に飛び込んでくるサイト「Studio Songes（ステュディオ・ソンジュ：スタジオ夢）」。ダイナミックなページ全体の動きに ...

HTML5 CanvasやWebSocketなどの最新技術を駆使して作ったiPhone 4用ブラウザーゲーム「Handy Stadium」の裏側を解説する本連載も、今回で最終回（連載バックナンバー）。今回は、CSSアニメーションを中心としたフロントエンドの実装について解説します。 Handy Stadium ...

株式会社クリーク･アンド･リバー社（C&R社）は2月26日（水）、Webデザイナー、コーダーの方や専門学校やスクールでWebの勉強をされている方を対象に、無料のオンラインセミナー「デモンストレーションを見ながら学ぶ HTML/CSSの基礎（5） 〜横スクロール ...