HTML/CSS解説 HTML/CSSで動画の操作を完全に禁止する方法【落とし穴】
HTMLで動画を表示・再生するには、videoタグを使います。<videosrc="mp4/sample.mp4"></video>また、再生/一時停止ボタンや再生バーの操作を可能にするためには、controlsを追加します。<videos...
HTML/CSS解説
HTML/CSS解説 
HTML/CSS解説 iOS&Safariでvideoタグが機能しないときの解決方法
videoタグで動画を再生したいとき、パソコンのChromeだと正常に再生されたのですが、iPhoneのSafariで見てみると、なぜか再生されない。解決方法videoタグの中に「playsinline」を入れると正常に再生できました！<v...
HTML/CSS解説 HTMLのheadタグ内に書くべきことまとめ
HTMLのheadタグ内に書くことって毎回なんだったかなあと調べている気がするので、テンプレートのようにまとめてみました。<!DOCTYPEHTML><html><head><!--metaタグ--><metacharset="utf-8"...
HTML/CSS解説 【Web制作初心者向け】HTML/CSSのコーディング規約や慣習まとめ
Web制作をちょっと本格的に勉強してみようかなと思ったので、まずHTMLやCSSのコーディング規約みたいなものを軽く勉強しました。個人的に「これは覚えとかなきゃ！」というものを備忘録も兼ねてまとめてみたので、よければ参考にしてみてください。...
HTML/CSS解説 Webページのデフォルトの余白をCSSで修正する
HTMLを用いてWebページを作成した際、デフォルトでは画面の端に少し余白があります。例えばヘッダーを作ってみるとこんな感じ。ページのソースを見てみると、body要素に8pxのマージンが設定されているのがわかります。ということで、CSSを用...