Free Online Image Map Generator
What is an Image Map?Originally introduced in HTML 3.2 as a replacement for server side imagemaps. Server side image maps were clunky requiring a round trip to the web server to determine where to go based on the coordinates clicked in the image. Thus client side image-maps were born! An imagemap is a graphic image where a user can click on different parts of the image and be directed to different
jQueryのhover()でマウスオーバーの処理
jQueryでマウスを乗せたときにイベントを発生させるhover()ですが、cssを使った処理や画像の切り替え、動的に生成した要素にhover()を効かせる方法などをご紹介します。
jQueryが動かない（動作しない）理由を考察！スクリプトのどの箇所にミスがあるかを調べる裏技も紹介 | 誰かのためのホームページ制作
jQueryが動かない時の悲しさ。筆者も幾度となく経験している。 だが今となっては、粘り強く原因を究明し対応できるようになった。 本稿ではjQueryが動かない主な原因について紹介するとともに、どのように対応し動かせばよいのかの解説もつけてみた。実際のところ対応方法はケースバイケースなので、詳細のアドバイスはなかなか難しいが、トラブル解決のヒントに役立てていただければ幸いだ。 jQueryが動かない原因を考察 jQuery本体を読み込んでいない あるある度：★☆☆☆☆ jQuery本体を読み込んでいないと、スクリプトを書いても動かない。プラグインも動かない。ここは基本中の基本なので、忘れている人は少ないだろう。 jQuery本家サイトにて本体をダウンロードしファイルを読み込むか、GoogleのCDNを読み込もう。後者の方法を推奨する。 <script type="text/javascri
jQueryでhoverとclickのfunctionを１つにまとめるには？
$('#target').hover(function() { alert('foo'); }); こんな風に、マウスイベントはそれぞれ違うんだけれど、実行する処理は同じ場合、よりコンパクトにさせたいですよね。 やり方やいたってシンプル。 var hoverOrClick = function () { alert('test'); } $('#target').click(hoverOrClick).hover(hoverOrClick); または、bindを使って合体も可能です。 $('#target').bind('click hover', function () { alert('test'); }); 今回はhoverと、clickの場合のみでしたが、あらゆるイベントを合体してあげることも可能ですね。
youtube動画の埋め込み(iframe)がスマホでも切れないようにする方法 - FOOLINE
YouTubeの埋め込み動画の横幅を調整して、スマートフォンで見ても切れて表示されないようにする方法について。
placehold.jp | 簡単！ダミー画像作成
基本 以下の形式で、指定したサイズの画像を作成することができます。 https://placehold.jp/{幅}x{高さ}.png 例) <img src="https://placehold.jp/150x50.png"> 背景・文字の色サイズを変更する https://placehold.jp/{文字色}/150x100.png https://placehold.jp/{背景色}/{文字色}/150x100.png https://placehold.jp/{文字サイズ}/{背景色}/{文字色}/150x100.png ※背景色・文字色はRGBの16進数表記 例) <img src="https://placehold.jp/24/cc9999/993333/150x100.png"> ファイルフォーマットを変更する URL末尾の拡張子で、pngとjpgの2種類が指定可能です。
overflowプロパティを使って、親要素の高さが潰れるのを防ぐの巻 ｜ いつも忘れて思い出すのに時間がかかるCSSテクニック集
いつも忘れて思い出すのに時間がかかるCSSテクニック集 HOME > overflowプロパティを使って、親要素の高さが潰れるのを防ぐの巻 overflowプロパティを使って、親要素の高さが潰れるのを防ぐの巻
横並びのリストを中央寄せにする5つの方法 - CSSテクニック - acky.info
HTMLコード <ul class="float"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="inline"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="inline-block"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="table-cell"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="flex"> <li>1</li> <li>2</li> <li>3</li> </ul> CSSコード ul { list-style-type: none; padding-left: 0; } li { background: #CCC; width: 50px;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【大胸筋】絶対に間違えてはいけない！大胸筋を全体的に大きくするためのポイント【筋トレ】