クリッカブルマップをレスポンシブ対応させるプラグイン「Responsive Image Maps jQuery Plugin」 - NxWorld
クリッカブルマップ自体を最近ではほとんど使うことがないんですが、これは覚えておきたいと思うものがあったので備忘録兼ねて紹介します。 通常クリッカブルマップを使用する際は画像の左上を基準にして座標を指定するので、レスポンシブに対応して画像の拡大・縮小を行ってしまうと座標がずれてしまい、意図しない箇所にリンクが設定されるということになってしまいます。 そんなレスポンシブとクリッカブルマップを併用する場合に便利なのがこの「Responsive Image Maps jQuery Plugin」というjQueryプラグインで、これといった難しい記述もなく、通常と同じように指定してこのプラグインを使うだけで簡単にクリッカブルマップをレスポンシブに対応させることができます。 使用方法 「Responsive Image Maps jQuery Plugin」からファイルをダウンロードし、jQueryと
グリッドレイアウト採用時に便利なjQueryプラグイン 20 - NxWorld
有名なサイトだとPinterestやBehanceなどで取り入れているような、グリッドレイアウトを簡単に実装できるjQueryプラグインのまとめです。 少し前はポートフォリオのギャラリー部分などのような箇所で主に使われている印象が個人的にあったのですが、最近ではブログの記事一覧やECサイトなどでもよく見かけますし、コーポレートサイトのトップに採用しているサイトなども多く見かけます。 基本的な動きは同じようなものでもサポートブラウザやアニメーションの有無などがプラグインによって違うので、自分の中で幾つか使いやすいものを見つけておくと良いと思います。 一応グリッドレイアウトを実装するためのプラグインということでまとめていますが、中にはフィルタリング・ソート・ドラッグ&ドロップなどの機能も併せて実装できるプラグインもあります。 また、基本的にフリーで使用できるもの中心でまとめていますが、商用利用
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
