レスポンシブ Web デザインとイメージマップ（クリッカブル・マップ）
今年も残すところあと数日。 今日が仕事納めというところも多いのではないでしょうか。 気がつけば今月は全然ブログを書いてない。 いかんなぁ〜… ということで最近気づいたことを備忘録を兼ねてメモメモ 〆(._.) レスポンシブ Web デザインでイメージマップを使うとき… このあいだ久しぶりにイメージマップ（クリッカブル・マップ）を使った。 私が関わっている仕事ではあまり使う機会がないんですけど、皆さんはよく使うのでしょうかね？ で、そのイメージマップを使う案件がちょっと前にあったのですが、その時にふと疑問が… その疑問というのは、『レスポンシブ Web デザインだと座標がズレるのでは？』という疑問。 あまりイメージマップを使う機会がないので今まで気がつかなかっただけで、皆さんにとっては周知の事実なのかも知れませんが、ちょっとお付き合いを… 🙂 イメージマップは、画像ファイルの左上を原点とし
Sidr
SidrThe best jQuery plugin for creating side menus and the easiest way for doing your menu responsive You will be able to create multiple sidrs on both sides of your web to make responsives menus (or not, it works perfectly on desktop too). It uses CSS3 transitions (and fallbacks to $.animate with older browsers) and it supports multiple source types. Get startedLike any other plugin, you must inc
RefineSlide
Features A few transitions to play with Responsive down to mobile scale CSS transition & 3D transform support Javascript fallback fade transition Auto-formatted, responsive thumbnails Good browser support (IE7+) HTML captions Hardware acceleration on supported browsers Free to use and abuse as you like Simple, semantic markup Lightweight: ~10.7k minified Installation - Essential steps - Tuning -
レスポンシブなテーブル作りに役立つjQueryプラグイン「FooTable」:phpspot開発日誌
FooTable | Themergency レスポンシブなテーブル作りに役立つjQueryプラグイン「FooTable」 レスポンシブなWEBデザインを作る際に一番やっかいなのではというのが、テーブルですね。 折り返しが出来ないのでどうやってレイアウトしようと悩むところですが、画面が小さい時は主要な物を選んで出す、といった事ができます テーブルのth 要素で出す出さないの定義をすることができて、あとはプラグイン関数で初期化するだけというお手軽さです。 iPhone。主要な部分を見せつつ、折畳みで他の要素もみせるUI ちょっと画面の大きなタブレットでの画面。表示要素は多くなるけどまだ折畳みで他の要素をみせる状態 PCの大きなディスプレイですべて開いた状態 次のように、data-class、data-hide の属性を付けておくことで挙動をカスタマイズ可能です 関連エントリ WEBデザインす
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レスポンシブなイメージマップの作成 - Qiita
https://bqworks.com/slider-pro/
レスポンシブWebデザインで使えるjQueryプラグインいろいろ
