PatternBolt – SVGを使って背景をカラフルに
最近、大きな画像を背景に当てた表示が増えています。これまでDOMの背景と言えば単一色ばかりだったので、画像を使うとインパクトが強くなります。しかし画像はバイナリなので重たくなってしまうのが難点です。 そこで使ってみたいのがPatternBoltです。背景にSVGを使うことで、CSSやJavaScriptとも連携した表示が可能になります。
PatternBoltの使い方
PatternBoltは複数のパターンで色やサイズを自由に変更できるようになっています。コンテンツに合わせて背景を変えたりすると、写真とは違った自由度で楽しめるようになりそうです。
PatternBoltはJavaScript/CSS3製、MIT Licenseのオープンソース・ソフトウェアです。