html
-
【html/css】サイトの高さが足りないときでもフッターを画面の一番下に固定したいときのHTMLとCSS【スマホでもOK】
よくあるレイアウトで「ヘッダー」「コンテンツ」「フッター」という構成がありますよね。 ヘッダーは常に先頭にあるから問題ないけど、フッターはコンテンツの最下部に鎮座していてほしいのに、コンテンツの情報量 ...
-
-
iPhoneで電話番号に勝手に電話発信のリンクが付いてしまう余計なお節介を無効にする方法
headタグ内に以下のメタタグを挿入。 <meta name="format-detection" content="telephone=no"> これだけ。 商品コードとか品番などの数字の連続 ...
-
-
WEBサイトのデザイン、どのソフトでPC・スマホ・タブレット横幅サイズどれくらいって話(2019年現在)
WEBデザインで悩ましいことのひとつに、「どれくらいの幅でデザインしたらいいの?」ってのがありますよね。 レスポンシブデザインが主流になっている現在では、ページ幅に合わせてレイアウトを調整できるように ...
-
-
animate.cssでスクロールに合わせてアニメーション表示しようとしたらiPhoneで変な挙動になったけど解決したメモ
手軽にCSS3のアニメーション効果を導入できる「animate.css」って便利ですよね。導入も簡単だしアクションも面白いのでサイトにガンガン使いたい感じでいいです。 そこで、スクロールして表示された ...
-
-
HTML5のaudioタグで効果音の出るボタンを設置する方法
2020/9/20 html
クリックすると音がなるWebサイト。一昔前ならJavaアプレットでauファイルを読み込んで~、もしくはフラッシュで作ったり~とちょっと敷居が高い印象でしたが、HTML5では割と簡単に設置できますのよ。 ...
-
-
画像のゆっくりズームイン/ズームアウトはJavaScriptじゃなくてCSS3のアニメーション
どうもWEBデザイナーやって約20年、皆川(@minagawa_osamu)です。 画像のゆっくりズームイン/ズームアウトはJavaScriptじゃなくてCSS3のアニメーション 当サイトのトップペー ...