クリッカブルマップを使ったロールオーバーイメージ ― 2013年10月02日
＊備忘録＊
クリッカブルマップを使ったロールオーバーイメージ
ここ、分かりやすい！(*´ω｀* )
http://www.webcreator-net.com/tips_memo/javascript/20120209220347.html
１ページに複数ある場合はどうしたら良いのか調べていたら・・・。
Σ(ﾟдﾟ) ｴｯ!? JSを使わなくてもできるんですか！？
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1457035334
追記：
２つ目は、JSファイルを外に持たないってことですね、きっと。
１つ目の方法を基本に、2つめの、複数の場合の方法を見て、対応できました。
JS分からないけど、見よう見まねで何とかなってよかった・・・。
(〃´o｀)=3 ﾌｩ
基本を勉強しておかなくっちゃ！です。
クリッカブルマップを使ったロールオーバーイメージ
ここ、分かりやすい！(*´ω｀* )
http://www.webcreator-net.com/tips_memo/javascript/20120209220347.html
１ページに複数ある場合はどうしたら良いのか調べていたら・・・。
Σ(ﾟдﾟ) ｴｯ!? JSを使わなくてもできるんですか！？
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1457035334
追記：
２つ目は、JSファイルを外に持たないってことですね、きっと。
１つ目の方法を基本に、2つめの、複数の場合の方法を見て、対応できました。
JS分からないけど、見よう見まねで何とかなってよかった・・・。
(〃´o｀)=3 ﾌｩ
基本を勉強しておかなくっちゃ！です。
ブラウザシェア／モニター解像度 ― 2013年10月05日
＊備忘録です＊
プルダウンメニューで、項目（ブラウザやモニター解像度）を切り替え、さらに国毎の表示もできます。
表示は、折れ線グラフ・棒グラフに切り替えでき、とても分かりやすいです。
http://gs.statcounter.com/
●ブラウザのシェア（Browsers）
世界では、Chromeが主流、日本では、ダントツでIEが主流です。
●モニター解像度（Screen Resolutions）
【世界の順位】
1366×768
1024×768
1280×800
1920×1080
1280×1024
【日本の順位】
1366×768
1920×1080
1280×800
1024×768
1280×1024
日本では、解像度の高いモニターが使われている印象です。
プルダウンメニューで、項目（ブラウザやモニター解像度）を切り替え、さらに国毎の表示もできます。
表示は、折れ線グラフ・棒グラフに切り替えでき、とても分かりやすいです。
http://gs.statcounter.com/
●ブラウザのシェア（Browsers）
世界では、Chromeが主流、日本では、ダントツでIEが主流です。
●モニター解像度（Screen Resolutions）
【世界の順位】
1366×768
1024×768
1280×800
1920×1080
1280×1024
【日本の順位】
1366×768
1920×1080
1280×800
1024×768
1280×1024
日本では、解像度の高いモニターが使われている印象です。
HTML5 CSS 各ブラウザの対応状況 ― 2013年10月05日
＊備忘録＊
IEの対応の遅れは、尋常ではないです。
http://fmbip.com/litmus/
とくに、IE8以下では、当たり前の事が再現されずに
苦労するひとも多いようです。
【自分が困った事例】
●背景画像がレイヤー重ねできない。
（CSS 3より背景画像は、レイヤーにすることができます。）
●ロールオーバー効果で切り替わるボタンの半透明部分（ping)が、マウスオーバーで黒くなる。（例：ボタンのドロップシャドウなど／JSでの切り替えもCSSの半透明効果でも、発生）
●レイアウトがおかしくなる。（原因は、不要なタグがあったため）
日本では、IE8のシェアが高め（2013年9月現在13.5%）ですので、まだまだ対応が必要かもしれません。
http://gs.statcounter.com/#browser_version-JP-monthly-201209-201309-bar
IEの対応の遅れは、尋常ではないです。
http://fmbip.com/litmus/
とくに、IE8以下では、当たり前の事が再現されずに
苦労するひとも多いようです。
【自分が困った事例】
●背景画像がレイヤー重ねできない。
（CSS 3より背景画像は、レイヤーにすることができます。）
●ロールオーバー効果で切り替わるボタンの半透明部分（ping)が、マウスオーバーで黒くなる。（例：ボタンのドロップシャドウなど／JSでの切り替えもCSSの半透明効果でも、発生）
●レイアウトがおかしくなる。（原因は、不要なタグがあったため）
日本では、IE8のシェアが高め（2013年9月現在13.5%）ですので、まだまだ対応が必要かもしれません。
http://gs.statcounter.com/#browser_version-JP-monthly-201209-201309-bar
最近のコメント