トミー @SaekiTominaga@fedibird.com

良いコード／悪いコードで学ぶ設計入門 ―保守しやすい 成長し続けるコードの書き方：書籍案内｜技術評論社 https://gihyo.jp/book/2022/978-4-297-12783-1

この本、著者を意識せず読み進めていたら「クソコード動画」の人だった。

そういえばこれ、PC 再起動したら元に戻っていた。なんだったんだろう

メモ帳でコーディングしていた話 #JavaScript - Qiita https://qiita.com/ochx/items/f2f4bcd8349cbe70d9b4

私も最初はメモ帳でしたね。当時は 64KiB 制限があったので分量のあるファイルはワードパッドを起動して(ry

Firefox、いつの間にかタブの Favicon がページロード終わるまで ⌛ 表示になるようになってる。

自サイト&自ブログが report-uri ディレクティブだけだったので、report-to ディレクティブと Reporting-Endpoints ヘッダを足してみたけれど、わざと CSP エラー発生させても Chrome でレポート飛ばないな。なぜだ

Content Security Policy の report-to ディレクティブをひさびさに調べてみたら、2020年に Report-To ヘッダが Reporting-Endpoints ヘッダに置き換わっていた。
https://github.com/w3c/reporting/pull/197

そして未だ Firefox は report-to ディレクティブに対応していないので、古くからの report-uri ディレクティブも削れない。
https://caniuse.com/mdn-http_headers_content-security-policy_report-to

2021年時点では report-uri ディレクティブ、report-to ディレクティブ、Reporting-Endpoints ヘッダ、Report-To ヘッダの4種類を併記するのが良いとされていたけれど（カオス!）、Chrome 69–95 のサポートをする必要がなくなった今は Report-To ヘッダなしの3つで大丈夫かな。
https://developer.chrome.com/blog/reporting-api-migration

CSSレイアウト再入門:完全に理解してCSSを記述するために - Speaker Deck https://speakerdeck.com/berlysia/revisiting-css-layout-mastering-css-for-writing-with-complete-understanding

CSS において要素の表示には外部と内部の2つがある事実から、display プロパティの2値構文を紹介する流れは分かりやすくていいですね。
MDN には「you gain no benefit from using the multi-keyword versions」と書かれてしまっているけれど、この理解をしやすい面だけで言ってもレガシー構文と比べて2値構文を採用するメリットになりうると思う。

CodePen - Anchor Link Behaviors Across Browsers and Operating Systems https://codepen.io/davatron5000/full/WNqzMzd

Alt + Enter 使ったことないし、たまに Control + Enter のつもりで Shift + Enter 押してキレてる（Windows ユーザー）

何事も変化が少ないとき（もの）ほど楽しめる質です。

Support PUT, PATCH, and DELETE in HTML Forms https://alexanderpetros.com/triptych/form-http-methods

HTML Standard に PUT, PATCH, DELETE メソッドを追加する提案。
過去に同様のことが何度か試みられ、いずれも失敗してきたと思うけれど、どうなのだろう。

Transition to `height: auto` & `display: none` Using Pure CSS https://blog.css-weekly.com/transition-to-height-auto-display-none-using-pure-css

<details> 要素の開閉アニメーションが CSS だけでできるようになるの、あと一歩という感じかな。

ブログ書いた。

多摩地域の国有化私鉄の鉄道省文書が閲覧できる「たましん地域文化財団　歴史資料室」
https://blog.w0s.jp/721

ATOK ちゃん、"瓦斯倫" くらい変換してほしい

> ひとつの <SELECT> 中に指定できる <OPTION> は 20件までです。 *5*
> NTT DoCoMo iモード 1.0では、<OPTION> による選択肢は20件までが指定可能です。
http://openlab.ring.gr.jp/k16/htmllint/explain.html#over-select-options

一応 i モード 1.0 用の Web ページ制作も少しはしたことあるけれど、これは知らなかったな。都道府県の選択肢とかどうしていたんだろう。

ブログ書いた。

ナビゲーションにおける現在ページの祖先カテゴリーは `aria-current=true` で良い（APG タスクフォース曰く）
https://blog.w0s.jp/720

#a11y #w3c

いよいよ aria-current="location" がなんなのか分からなくなってきた

The `aria-current` docs aren't clear about how to handle a "current" nav-item that isn't a link-to-current-page. · Issue #2583 · w3c/aria-practices https://github.com/w3c/aria-practices/issues/2583

APG タスクフォース曰く、ナビゲーションにおける、現在ページではないが同一カテゴリーであるリンクは aria-current="true" を使用せよと。
一方、WAI のサイトのサイドバーナビリンク（.sidenav）では aria-current="location" でマークアップされている。 https://www.w3.org/WAI/videos/standards-and-benefits/

私は「パンくず」について聞いているのに勝手に「パンくずリスト」に変換するなよ（沸点）

ChatGPT vs Gemini