Wenサイトの購入ボタンやお問い合わせのボタンなどに、バウンドなどの印象に残るアニメーションがついていると、興味が湧いたり、なんとなくクリックしたくなったりしませんか？ Webを使って情報を検索することが当たり前になった昨今、1日の中で複数のWebサイトを閲覧したり比較するのもまた当たり前になってきています。 しかも、オシャレなデザインのサイトも多い中で、ちょっとしたアニメーションがついているだけで、差別化できたりユーザーの印象に残すことができる場合もあります。 そこで、印象に残るような効果的なバウンドアニメーションが手軽に作れる、CSS3のサンプルコード集「Bounce.js」を本日はご紹介します。 「Bounce.js」の使い方 「Bounce.js」は、用意された設定をいじるだけで、

本日は、CSSの最新の動きについてご紹介をしたいと思います。CSSといえば、CSS3やCSS4などの情報が多いですが、実は、4月12日に、CSS2.2の第一草案がW3Cから発表されていました。そうです、CSS2.1のマイナーアップデートと言えるCSS2.2です。 すでに数年前からCSS3の各モジュールが少しずつW3C勧告化されてきていますが、その流れの中で、CSS2.1に足りなかったものなどを補ってきてますが、CSS2と今後の新しいモジュールとの相互互換性を高めるために、今回のCSS2のマイナーチェンジが行われているようです。 具体的には以下のような対応がCSS2.2の仕様上でされています。 すでに広く実装されているCSS2との互換性は維持 CSS2ですでに公開されている正誤表を全て盛り込