前の記事 ≪:多階層のスマホサイトメニューを実装できる「Multi-Level Push Menu」
次の記事 ≫:2013年12月25日 管理人のブックマーク

画像の親エレメントの背景を画像のカラーに合わせられるjQueryプラグイン「adaptive-backgrounds」

2013年12月25日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

jquery.adaptive-backgrounds.js ? A jQuery plugin for extracting dominant colors from images and applying it to its parent

画像の親エレメントの背景を画像のカラーに合わせられるjQueryプラグイン「adaptive-backgrounds」。
画面サイズに合わせて画像を拡大縮小というのはよくありますが、画像の色を取って、その色を親要素の背景に合わせるというプラグインははじめてかも。
画像の背景色を画像と合わせることで統一感というか、違和感のない感じに仕上がるようです。動的にやれるのでCGM的なサイトなんかでも使えるのかも。
canvasとImageDataを使って実現されているそうです。







関連エントリ

関連の記事検索:jQuery, Saved for Later, プラグイン, 便利情報, Recently Read
スポンサード リンク

By.KJ : 2013年12月25日 10:00 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)