タグ: HTML

Astro で限りなく内容が似ている複数のウェブサイトを作るには

「限りなく内容が似ている複数のウェブサイト」というものを生成したいときがある。例えば、以下のようなシチュエーションだ。 静的サイトジェネレーターの側面を持つ Web フレームワークの Astro で、これが実現できるかど […]

HTML タグ何個覚えてる？ 腕試しできるサイトで「ウェブ力」をチェック

HTML を構成するタグは、なんと 114 個もあるらしい。 ではその 114 個のタグのうち、何個知っている・覚えているのだろうか――。 それをチェックできるサイトがある。「HTML Tags Memory Test」 […]

picture 要素もちゃんと Preload Scanner が動くのでどんどん使っていこう

先日、このツイートを見た。 画像のサイズを変えてもパフォーマンスは改善されない、というのは同意できるが、2番目の「picture タグによる画像出し分けは、Preload Scanner が効かない～」について疑問が残る […]

ウェブサイトを Astro で作り直した

このブログではなく、もうひとつのウェブサイト (https://aioilight.space/) を Astro で作り直した。 なぜ Astro なのか 元々は Nuxt.js というフレームワークで作られていたのだ […]

【HTML】レスポンシブ画像に対しての sizes=”auto” が実装される！ 地味に面倒なサイズ指定が条件付きで楽になる

HTML で画面の解像度に応じて画像を切り替えて表示させるには、srcset 属性と sizes 属性を使用する。 しかし、この sizes 属性は、微妙に使いづらい。sizes 属性に入る値は、vw や px といった […]