Vercel Satori で縁取りを付ける
※Pull request がマージされたので、下のようなことをしなくても縁取りを付けることができるようになった。 HTML・CSS を SVG 画像に変換する Vercel 製ライブラリ、Satori でテキストに縁取 […]
水たまりは希望を写している
※Pull request がマージされたので、下のようなことをしなくても縁取りを付けることができるようになった。 HTML・CSS を SVG 画像に変換する Vercel 製ライブラリ、Satori でテキストに縁取 […]
このブログ記事のまとめ .ai ファイルがあるフォルダの下層に自由にリンクファイルを置くことができるようになった。Links フォルダにまとめる必要性は減った。膨大なリンクファイルを必要とするドキュメントでは、フォルダ分 […]
なぜズレるのか Safari の有名なバグ? というか仕様で、position: fixed; や position: sticky; で要素を固定しているとき、仮想キーボードを出すと正しい位置に表示されないというものが […]
WordPress の共同設立者である Matt と Matt が CEO である Automattic と、WordPress のホスティングサービスを運営している WP Engine が揉めている。 詳しいことは「A […]
「限りなく内容が似ている複数のウェブサイト」というものを生成したいときがある。例えば、以下のようなシチュエーションだ。 静的サイトジェネレーターの側面を持つ Web フレームワークの Astro で、これが実現できるかど […]
成人映画館、というものがある。いわゆる、成人向け映画しか上映しない映画館のことで、ピンク映画館ともいわれている。 僕が住んでいる福岡県にも成人映画館があり、福岡の中心である博多駅付近にある「駅前ロマン・パレス」と北九州市 […]
Google タグマネージャーは、いわゆるノーコードでウェブサイトに HTML タグを挿入したり、Google アナリティクスのイベントを送信したりといったことができるツールである。Google タグマネージャーさえウェ […]
HTML を構成するタグは、なんと 114 個もあるらしい。 ではその 114 個のタグのうち、何個知っている・覚えているのだろうか――。 それをチェックできるサイトがある。「HTML Tags Memory Test」 […]
ウェブページで文章を両端揃えするには、text-align: justify; を使用する。 両端揃えにすることで文章の終端が揃い、美しい表示になる。がしかし、今のウェブにはまだ早いのかもしれないと考える。 基本的に組版 […]
先日、このツイートを見た。 画像のサイズを変えてもパフォーマンスは改善されない、というのは同意できるが、2番目の「picture タグによる画像出し分けは、Preload Scanner が効かない~」について疑問が残る […]
映画館の T・ジョイ博多の、上映前 (CM よりも前) に表示されているロゴは、左のピンク色の図形だけ、なぜか画質が悪いように見える。 この画像はスマホで即座に取ったものなので分かりづらいが、ピンク色の図形だけ、ぼやけた […]
Windows 11 に対応していない Ryzen 7 1700 AMD CPU ブームの火付け役である Ryzen シリーズ。その中でもクーラー付き・最安値だった Ryzen 7 1700 はかなりの数が売れたであろう […]
以前から使用していた KUSANAGI 8 だが、今年 6 月末で EOL ということもあり、新バージョンである KUSANAGI 9 に移行したい。しよう。 基本的にはプライム・ストラテジーが公開しているドキュメントと […]
このブログではなく、もうひとつのウェブサイト (https://aioilight.space/) を Astro で作り直した。 なぜ Astro なのか 元々は Nuxt.js というフレームワークで作られていたのだ […]
HTML で画面の解像度に応じて画像を切り替えて表示させるには、srcset 属性と sizes 属性を使用する。 しかし、この sizes 属性は、微妙に使いづらい。sizes 属性に入る値は、vw や px といった […]