画像の重要な部分をベースにレスポンシブ化できる「jquery-focuspoint」
2014年09月04日-
スポンサード リンク
jonom/jquery-focuspoint GitHub
画像の重要な部分をベースにレスポンシブ化できる「jquery-focuspoint」。
画像を単に縮小等して画面にレスポンシブ対応させるのではなく、重要な部分を予め定義しておき、その部分はかならず表示するというような処理が可能になるjQueryプラグイン。
例えば、カンガルーが映った画像があるとして、カンガルー周辺を強調するデータを属性に定義しておけば次のように、カンガルーがかならず表示されるようにすることが出来ます
関連エントリ
- レスポンシブなタブを実装できるjQueryプラグイン「Responsive-Tabs」
- レスポンシブで軽量なLightBox実装「Rebox」
- フラットでレスポンシブなギャラリー実装jQueryプラグイン「lightGallery」
- レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」
- レスポンシブなギャラリー構築ができるLightBox実装jQueryプラグイン「lightGallery」
- 画像表示をレスポンシブ対応にするjQueryプラグイン「Data Img」
- ナイスなレスポンシブなテーブル実装jQueryプラグイン「Responsive tables」
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 過去のエントリ