Vercel Satori で縁取りを付ける
※Pull request がマージされたので、下のようなことをしなくても縁取りを付けることができるようになった。 HTML・CSS を SVG 画像に変換する Vercel 製ライブラリ、Satori でテキストに縁取 […]
カテゴリ: 雑記
もう Links フォルダにまとめなくて良い。illustrator リンク機能の新常識！
このブログ記事のまとめ .ai ファイルがあるフォルダの下層に自由にリンクファイルを置くことができるようになった。Links フォルダにまとめる必要性は減った。膨大なリンクファイルを必要とするドキュメントでは、フォルダ分 […]
Safari だけじゃなくてすべてのブラウザで入力時ビューポートがズレる (ので直しましょう)
なぜズレるのか Safari の有名なバグ？ というか仕様で、position: fixed; や position: sticky; で要素を固定しているとき、仮想キーボードを出すと正しい位置に表示されないというものが […]
WordPress で起きている事件はとてつもなく悲しい
WordPress の共同設立者である Matt と Matt が CEO である Automattic と、WordPress のホスティングサービスを運営している WP Engine が揉めている。 詳しいことは「A […]
Astro で限りなく内容が似ている複数のウェブサイトを作るには
「限りなく内容が似ている複数のウェブサイト」というものを生成したいときがある。例えば、以下のようなシチュエーションだ。 静的サイトジェネレーターの側面を持つ Web フレームワークの Astro で、これが実現できるかど […]
福岡唯一の成人映画館「駅前ロマン・パレス」に行ってみた話。男女カップルで行ったら███されました
成人映画館、というものがある。いわゆる、成人向け映画しか上映しない映画館のことで、ピンク映画館ともいわれている。 僕が住んでいる福岡県にも成人映画館があり、福岡の中心である博多駅付近にある「駅前ロマン・パレス」と北九州市 […]
その Google タグマネージャー、本当に必要？ 自分でカスタムイベントを実装した方が良いかも
Google タグマネージャーは、いわゆるノーコードでウェブサイトに HTML タグを挿入したり、Google アナリティクスのイベントを送信したりといったことができるツールである。Google タグマネージャーさえウェ […]
HTML タグ何個覚えてる？ 腕試しできるサイトで「ウェブ力」をチェック
HTML を構成するタグは、なんと 114 個もあるらしい。 ではその 114 個のタグのうち、何個知っている・覚えているのだろうか――。 それをチェックできるサイトがある。「HTML Tags Memory Test」 […]
picture 要素もちゃんと Preload Scanner が動くのでどんどん使っていこう
先日、このツイートを見た。 画像のサイズを変えてもパフォーマンスは改善されない、というのは同意できるが、2番目の「picture タグによる画像出し分けは、Preload Scanner が効かない～」について疑問が残る […]
T・ジョイ博多の上映前に表示されているロゴはなぜか画質が悪いところがある
映画館の T・ジョイ博多の、上映前 (CM よりも前) に表示されているロゴは、左のピンク色の図形だけ、なぜか画質が悪いように見える。 この画像はスマホで即座に取ったものなので分かりづらいが、ピンク色の図形だけ、ぼやけた […]
Ryzen 7 1700 から Ryzen 5 5500GT に換装して Socket AM4 を延命する
Windows 11 に対応していない Ryzen 7 1700 AMD CPU ブームの火付け役である Ryzen シリーズ。その中でもクーラー付き・最安値だった Ryzen 7 1700 はかなりの数が売れたであろう […]
KUSANAGI 8 から KUSANAGI 9 に移行してみた。migrate コマンドで楽々
以前から使用していた KUSANAGI 8 だが、今年 6 月末で EOL ということもあり、新バージョンである KUSANAGI 9 に移行したい。しよう。 基本的にはプライム・ストラテジーが公開しているドキュメントと […]
ウェブサイトを Astro で作り直した
このブログではなく、もうひとつのウェブサイト (https://aioilight.space/) を Astro で作り直した。 なぜ Astro なのか 元々は Nuxt.js というフレームワークで作られていたのだ […]
【HTML】レスポンシブ画像に対しての sizes=”auto” が実装される！ 地味に面倒なサイズ指定が条件付きで楽になる
HTML で画面の解像度に応じて画像を切り替えて表示させるには、srcset 属性と sizes 属性を使用する。 しかし、この sizes 属性は、微妙に使いづらい。sizes 属性に入る値は、vw や px といった […]
いまさら PlayStation 3 のハードディスクを交換してみたらちょっと大変だった件。
PlayStation 3 を久しぶりに動かしたら死にかけだった 家の Blu-ray ドライブが再生できなくなってしまった。PlayStation 3 はその代わりになるということで、年単位で起動していない PlayS […]