
Web制作・運用71記事
つくる前の判断から、使いやすさ、公開後の改善まで。


「もう少し動きが欲しい」の前に — Webアニメーションは形式で費用が決まる

「トップへ戻る」ボタンを、惰性で付けていないか

問い合わせフォームに「書きかけ」が届くのは、変換確定の Enter が原因

そのダッシュボード、誰のどの判断に使いますか — 作る前に決めること

見ながら入力ができない — 業務Webアプリのタブ往復をなくす

記事を1本直すたびに、ビルドを2分待っている

WebP・AVIF・JPEG XL — 2026年、サイトの画像はどれで出すか

チェックツールは満点、altは無意味 — 検収で見るべき差

動く図解をGIFで納品されると、文字1つ直すのに毎回発注することになる

クラス名の頭でまとめて効かせたい — CSS に .prefix-* が入る

見出しの余白がデザインとズレる — 犯人はフォントの上下の空き

記事ページでナビの現在地が消える — カレント表示を1か所で決める

検索ハイライトでHTMLを書き換えない — Custom Highlight API

ダークモードの切り替えを3択にしない — 要件の一行が膨らむ前に

更新したのに古いページが出る — キャッシュをオリジンの外で直す

AIチャットとAI生成画像を載せたサイトに、8月から表示のルールが効き始めた

Blocked aria-hidden の警告は正しく、直し方が間違っている

サイトが重い原因は、もう要らなくなったJavaScriptかもしれない

dialog要素でモーダルを書く — closedby属性の現在地

記事が増えるほど遅くなるビルド — Astro 7.2の増分静的ビルド

開発サーバーがメモリを食い潰す問題に効く — Next.js 16.3の3つの変更

PCでは動くのにiPhoneの実機で崩れる — WebアプリをWKWebViewに載せる前に

カードの間に線を引くために空のdivを置くのをやめる — CSS Gap Decorations

斜めに切れたセクションが画像になっている — border-shapeが変える「四角くないWeb」

デザイン初稿で毎回もめる会社と、もめない会社 — サイトリニューアルの進め方

「デザインの好き嫌い」で社内が揉めてサイト制作が止まる会社へ — 発注前に決めておく“サイトの狙い”の言語化

CSSだけで作るスクロール演出 — scroll-driven と scroll-triggered の使い分け

サイトに機能を足すほど使われなくなる — 「あれもこれも」の前に考える連携という発想

「Webアクセシビリティが義務化」は半分誤解 — 発注者が本当にやること

トップのスライダーが重い・崩れる — CSSネイティブカルーセルでJSに頼らず作り直す

承認したプロトタイプと本番サイトが違う——Web制作の乖離の正体と防ぎ方

スクリーンリーダーが読む「名前」を整える — 冗長なラベルと、足りないラベル

チェックボックスやセレクトをCSSだけでブランドに合わせる — 自作部品をやめる

画面が出せる色は広がっている — Display P3でブランド色を「くすませない」

ariaNotify() で「画面の変化」を読み上げに伝える — 受託のアクセシビリティ実装

CSSだけで円グラフを描く — 受託でグラフライブラリに頼らない軽い可視化を

CSS corner-shape で角の表現を解き放つ — 受託で画像に頼らないブランド表現を

::search-text でページ内検索のハイライトを自前実装から卒業する

CSS offset-path でJSなしの動きを作る — 受託で「軽いリッチ表現」を
1–40 / 71 記事を表示


