三角形のキャプションがスライドインするイメージギャラリー

Wixel というサイトを見ていて、ナビゲーションの見せ方が面白いなーと思ったので、CSS transition を使ってギャラリーに応用してみました。

CSS アニメーションの基礎

今さらながら CSS animation の使い方が分かってきたので、2011年7月25日版のエディターズドラフトを基にプロパティなどを簡単にまとめておきたいと思います。

テキストを CSS 用にエスケープするオンラインツールを作ってみた

テキストを CSS 用にエスケープするツールを作ったので、一応紹介しておきます。

斜めグリッドを使ったデザインのウェブサイト集

ここ最近のことなのですが、綺麗なデザインのサイト集なんかを見て回っていると何度か斜めグリッドを基準にしたデザインのサイトを見かけました。どのサイトも非常にインパクトが強く印象的だったので、数は少ないですが紹介してみようと思います。

CSS と SVG filter でガラスっぽい効果をつける

SVG のフィルタについては以前も少し書きましたが、今回は feGaussianBlur 要素を使って、ガラスのようなエフェクトを付けてみたいと思います。