アニメーション最近サムネイルなどでマウスオーバーすると画像がぐいんって拡大表示するアニメーションをよく見ます。あれはbackground-sizeとかアニメーションさせれば簡単にできそうですが、coverとかですでにsize指定してるときの方法をご紹介します。HTML&CSSそろそろIE8はサポートしなくてもいいのではないかなという頃合いですが、IE8でも「background-size:cover」や「contain」を使えるようにする方法をご紹介します。HTML&CSSCSSは普通だとidやclassの頭文字に数字は使用できないのですが、使用する方法をご紹介します。SASSSASS(SCSS)でパーセントベースのシンプルなグリッドMixinを作ってみました。Mixinにすることでカラム数やマージンの微調整が簡単にできるようになります。jQueryiOS風のぼかしは画像が全画面表示だったら色々jQueryプラグインがあったのですが、今回は一部の要素の背景に重ねたかったのでちょっと試してみました。HTML5Canvasでパスの形状で画像にマスクを掛ける方法を3つほどご紹介します。HTML5HTML5のCanvasをそのまま使おうとすると結構大変ですね。そこでCanvasのライブラリとか使うと効率がいいらしいのでまとめてみました。WixこのブログではjQueryやWordPressを中心としたWeb制作関係のことを書いております。ご意見ご感想などお気軽にコンタクトフォームよりお問い合わせください。Web関係のお仕事も募集しております。