2026-08

縦書きの「美」を制御する：`text-orientation`で英数字を操る極意フロントエンドの現場で「縦書きレイアウト」を実装することになったとき、多くのエンジニアが最初に直面する壁。それが「英数字が横倒しになって読みづらい」という問題で...

「縦書き」のWebサイト、作ってみませんか？`text-orientation`で文字の向きを魔法のように操る方法Webサイトといえば、左から右へ読む「横書き」が当たり前ですよね。でも、雑誌の特集や日本的な情緒を表現したいとき、ふと「縦書き...

縦書きの深淵：`writing-mode`とインライン要素が織りなすレンダリングの罠Webというプラットフォームは、長らく「横書き」という前提に支配されてきました。しかし、日本語の組版や芸術的なレイアウトを追求する際、`writing-mo...

縦書き（writing-mode）の深淵：インライン要素と「論理的」レイアウトの正解Webフロントエンドの世界で、`writing-mode: vertical-rl` を触ったことはあるだろうか？「ああ、日本語の縦書きね。簡単でしょ」と高...

こんにちは！フロントエンドの世界へようこそ。Web制作を始めたばかりの頃、「縦書き」という壁にぶつかって頭を抱えたことはありませんか？「普通の文章ならスイスイ書けるのに、いざ縦書きにしようとすると、なんだか文字が横に倒れたり、意図しない場所...

アウトラインの「殺害」が招く、アクセシビリティという名の技術的負債フロントエンドの世界には、古くから語り継がれる「禁忌」がある。その筆頭が、CSSにおける `outline: none;` の無差別な適用だ。かつて、デザイナーから「ブラウザ...

「outline: none」の誘惑と、その先にあるアクセシビリティの落とし穴フロントエンドの実務において、UIデザインの細部を調整しているとき、ふと「デフォルトのフォーカスリングが邪魔だな」と感じることはありませんか？ デザイナーから上が...

「消しちゃダメ！」キーボード操作を支える「アウトライン」の優しいお話こんにちは！Web制作の学び、順調に進んでいますか？HTMLを書いているとき、``タグや``タグを触っていると、キーボードの「Tab」キーで移動したときに、周りにぼんやりと...

インライン要素の「触感」を再考する：CSS擬似クラスとブラウザエンジンの深層フロントエンド開発において、``タグや``などのインライン要素に施すインタラクションデザインは、しばしば「単なるCSSの装飾」として軽視されがちだ。しかし、Webア...

なぜ、その「hover」は安っぽいのか？インライン要素のUXを極めるフロントエンドの現場で、「リンクの色を変えておいて」という要件をそのまま実装して満足していませんか？ぶっちゃけた話をすると、ただ色を変えるだけの `:hover` はもう時...