HTML&CSS
Posted: 2015.09.09 / Category: HTML&CSS / Tag: CSS3, アニメーション
最近サムネイルなどでマウスオーバーすると画像がぐいんって拡大表示するアニメーションをよく見ます。
あれはbackground-sizeとかアニメーションさせれば簡単にできそうですが、coverとかですでにsize指定してるときの方法をご紹介します。
Posted: 2015.08.21 / Category: HTML&CSS
そろそろIE8はサポートしなくてもいいのではないかなという頃合いですが、IE8でも「background-size:cover」や「contain」を使えるようにする方法をご紹介します。
Posted: 2015.08.11 / Category: HTML&CSS
CSSは普通だとidやclassの頭文字に数字は使用できないのですが、使用する方法をご紹介します。
Posted: 2015.05.26 / Category: HTML&CSS / Tag: SASS
SASS(SCSS)でパーセントベースのシンプルなグリッドMixinを作ってみました。
Mixinにすることでカラム数やマージンの微調整が簡単にできるようになります。
Posted: 2015.05.07 / Category: HTML&CSS, javascript / Tag: CSS3, jQuery
iOS風のぼかしは画像が全画面表示だったら色々jQueryプラグインがあったのですが、今回は一部の要素の背景に重ねたかったのでちょっと試してみました。
Posted: 2014.03.12 / Category: HTML&CSS / Tag: HTML5
Canvasでパスの形状で画像にマスクを掛ける方法を３つほどご紹介します。
Posted: 2013.12.20 / Category: HTML&CSS, javascript / Tag: HTML5
HTML5のCanvasをそのまま使おうとすると結構大変ですね。そこでCanvasのライブラリとか使うと効率がいいらしいのでまとめてみました。