スマートフォン対応のためのレスポンシブWebデザイン実用TIPS

スマートフォン対応のためのレスポンシブWebデザイン実用TIPS

画像・動画の最適化
下記のようなCSSで、画像や埋め込んだ動画などをウインドウサイズにあわせて可変表示にします。
HTMLでサイズが指定されいる場合に備えて、!important(優先)を指定しています。

img, object, embed {
max-width: 100% !important;
height: auto !important;
}

オンマウスでふんわり現れる!CSS3を使った吹き出しサンプル5つ

オンマウスでふんわり現れる!CSS3を使った吹き出しサンプル5つ

CSSで実装する、マウスオーバーで表示される吹き出し

【jQuery】設置が超シンプル!マウスオーバーで吹き出しが出てくるおすすめプラグイン!