自動的に設定されるリンクを無効化する
スマホ対応のレスポンシブサイトを制作しているのですが、スマホのブラウザによっては勝手にリンクが設定されてしまい、どうにかならないかと調べた方法をメモ。
私はiPhoneをメインに使用していますが、iOS対応ブラウザとしてSafariはもちろん、Chrome、Edge、Bravaが入っていますが、それぞれ違った挙動でリンクが貼られてしまい困りました。
メタタグを使用する方法
<head>～</head>の間に以下のタグを埋め込みます。
&l…
ホームページの背景として動画を埋め込む際に行うことや気を付けること
デザインの一部として背景に動画を使う上で、以下のことが気になったのでメモ。
動画の容量
再生時間
画面サイズ
ファイル形式
モバイル対応でするべきこと
調べて分かったこと
動画の解像度やファイルサイズ
動画のファイルサイズが大きいと読み込みに時間がかかり、モバイル通信では容量を大量に消費させてしまいます。反対に、ファイルサイズが小さければ読み込み時間が短くなり、すぐに再生が始まります。訪問者に対して快適に閲覧してもらえるWebページにするためには、動画ファイルはなるべく小さく…