TL;DR details { position: relative; } details:not([open]) summary::before { content: " "; display: block; position: absolute; bottom: 0; width: 100%; height: 125px; max-height: 25%; transform: rotate(180deg); background: linear-gradient(rg…

先日、お仕事で帳票出力の機能を作っていた際に、動作確認用に作成したコードの改良版を作ってみた。 function downloadFile(path, name) { var anc = document.createElement('a'); document.body.append(anc); anc.href = path + name; anc.download = nam…

HTML5が普及して、`video`タグで動画を埋め込んでいるサイトも増えて来ましたね。 先日、ページに埋め込まれている動画が、だいぶゆったりした感じだったので、無理やり倍速にしてみました。

タイトルの通り、「何も考えずに今見ているページにCSSを適用したい」ってときに、よく使う方法を関数化してみました。