CSS

HTML/CSS解説

HTML/CSSで動画の操作を完全に禁止する方法【落とし穴】

HTMLで動画を表示・再生するには、videoタグを使います。<videosrc="mp4/sample.mp4"></video>また、再生/一時停止ボタンや再生バーの操作を可能にするためには、controlsを追加します。<videos...
JavaScript解説

ページのスクロールを禁止するJavascript

Webページのスクロールを禁止する方法。適用しているjsファイル内にdocument.addEventListener('touchmove',function(e){e.preventDefault();},{passive:false}...
Railsエラー

Asset was not declared to be precompiled in production. の解決方法

Railsにはapplication.cssというデフォルトのスタイルシートファイルがありますが、新しく他のスタイルシートを作ってそこに記述したいという場合もあるかと思います。今回はCSSフレームワークを使う際に利用するCSSファイルを追加...
HTML/CSS解説

【Web制作初心者向け】HTML/CSSのコーディング規約や慣習まとめ

Web制作をちょっと本格的に勉強してみようかなと思ったので、まずHTMLやCSSのコーディング規約みたいなものを軽く勉強しました。個人的に「これは覚えとかなきゃ!」というものを備忘録も兼ねてまとめてみたので、よければ参考にしてみてください。...
HTML/CSS解説

Webページのデフォルトの余白をCSSで修正する

HTMLを用いてWebページを作成した際、デフォルトでは画面の端に少し余白があります。例えばヘッダーを作ってみるとこんな感じ。ページのソースを見てみると、body要素に8pxのマージンが設定されているのがわかります。ということで、CSSを用...