未分類 【デザイン基礎｜実務向け】実務で差がつくfont-style：斜体（Italic）を「正しく」使いこなすための設計思考
なぜ、安易なイタリックは避けるべきなのかWebデザインの現場において、font-style: italic; を指定する場面は決して少なくありません。しかし、シニアデザイナーの視点から言えば、このプロパティを「強調したいから」という理由だけ...
2026-06
未分類 未分類 【デザイン基礎｜実務向け】なぜ今、address要素の「セマンティクス」を再定義すべきなのか
こんにちは。現場でフロントエンドの品質管理を担当しているシニアデザイナーです。今回は、HTMLのaddress要素について、少し踏み込んだ話をしましょう。「連絡先を書くタグ」という認識はあっても、実務で意図通りに使いこなせているケースは意外...
未分類 【デザイン基礎｜実務向け】CSSスクロールバーカスタマイズの落とし穴と「UXを損なわない」実装術
デザインの細部までこだわりたいデザイナーにとって、ブラウザ標準のスクロールバーは時に「ノイズ」に感じられるものです。しかし、CSSでスクロールバーをカスタマイズする際は、単なる見た目の追求ではなく、アクセシビリティの観点から慎重な判断が求め...
未分類 【デザイン基礎｜実務向け】実務で差がつく「Script-supporting element」の賢い使いこなし術
Web制作の現場において、script要素やtemplate要素といった「Script-supporting element」は、単なるJavaScriptの置き場所として軽視されがちです。しかし、アクセシビリティやパフォーマンス、そして保...
未分類 【デザイン基礎｜実務向け】CSSのinset-inline-endで実現する「言語依存しない」柔軟なUIデザイン
Web制作の現場において、私たちは長らく「右」「左」という固定概念に縛られてきました。しかし、グローバル展開や多言語対応を見据えたUI設計が求められる今、論理プロパティの活用は避けて通れません。今回は、その中でも特に使い勝手が良く、かつ実務...
未分類 【デザイン基礎｜実務向け】Webデザイナーが知るべきRTSPの境界線とストリーミングの現在地
RTSPとは何か、なぜ今あえて語るのかWeb制作の現場で「ストリーミング」といえば、HLS（HTTP Live Streaming）やDASHが主流です。しかし、監視カメラの映像配信や、産業用ロボットの遠隔操作UI、あるいはライブ配信の低遅...
未分類 【デザイン基礎｜実務向け】CSSの「絶対単位」をあえて選ぶべき、シニアデザイナーの判断基準
Webデザインの現場では、長らくレスポンシブ対応のために相対単位（remやem、%など）が推奨されてきました。しかし、ベテランの視点で見ると、全ての箇所を相対単位で構築することが必ずしも「最適解」ではないケースに気づきます。今回は、あえて「...
未分類 【デザイン基礎｜実務向け】インライン要素の余白問題と、CSSレイアウトの最適解
インライン要素の「謎の隙間」をどう制御するかWeb制作の現場で、長年コーダーを悩ませ続けてきたのが「インライン要素の隙間」です。display: inline や inline-block を指定した際、要素間に意図しない数ピクセルの隙間が...
未分類 【デザイン基礎｜実務向け】CSSのinteger型を使いこなす：数値指定の「厳密性」が生む保守性の高いコード
integer型がデザインシステムにもたらすメリットWebデザインの現場で、私たちは日々「数値」を扱っています。しかし、CSSにおける「integer（整数）」というデータ型を意識して使い分けている人は意外と少ないのではないでしょうか。特に...
未分類 【デザイン基礎｜実務向け】視覚的な「余白」を操る：border-bottom-colorで実現する洗練されたUIデザイン
Webデザインにおいて、要素の下線（border-bottom）は、情報の区切りやリンクの強調として多用される基本的なプロパティです。しかし、ベテランのデザイナーほど、この「線」の扱い方にこだわりを持っています。今回は、あえてborder-...