yuw27b’s blog

技術メモと雑記

HTML

CSS:画面にぴったり収まる碁盤の目を作りたい

こういうものを作りたい: 画面にぴったり収まってほしい(background-sizeのcontainみたいな) 画面が横長なら縦の余白がゼロ、縦長なら横の余白がゼロ 画面リサイズに応じてこちらもサイズが変わる 作ったもの: See the Pen Square grid by Yu Watanabe (…

HTMLのprogress要素を使ってプログレスバーを表示する

HTMLにはprogress要素があり、HTMLのみでブラウザ上にプログレスバーを表示することができます。2020年7月時点では、どのブラウザでも問題なく利用できそうです。 ブラウザ対応状況:https://caniuse.com/#feat=progress WHATWG仕様(Living Standard): ht…

videoタグのダウンロードオプション

HTMLのvideoタグで動画を表示すると、Chromeで右下のメニューをクリックすると「ダウンロード」という項目があります。(他のブラウザでは確認できませんでした。) これは、controlslist属性に"nodownload"というパラメータを指定すると非表示になります。c…