前の記事 ≪:YoutubeやVimeoベースの動画ブログを作れるPHP製OSS「Cinematico」
次の記事 ≫:SVGベースのシームレスなパターン画像を生成できる「Plain Pattern」

画像の重要な部分をベースにレスポンシブ化できる「jquery-focuspoint」

2014年09月04日-はてなブックマーク

スポンサード リンク

jonom/jquery-focuspoint GitHub

画像の重要な部分をベースにレスポンシブ化できる「jquery-focuspoint」。
画像を単に縮小等して画面にレスポンシブ対応させるのではなく、重要な部分を予め定義しておき、その部分はかならず表示するというような処理が可能になるjQueryプラグイン。
例えば、カンガルーが映った画像があるとして、カンガルー周辺を強調するデータを属性に定義しておけば次のように、カンガルーがかならず表示されるようにすることが出来ます



関連エントリ

関連の記事検索:レスポンシブ, レスポンシブweb, アップデート, jQuery, jQuery-Layout, jQueryプラグイン
スポンサード リンク

By.KJ : 2014年09月04日 09:00 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

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