frontendintronational

なぜ::-webkit-slider-thumbを深掘りするのかWebデザインにおいて、range入力（スライダー）のスタイリングは避けて通れない課題です。特に::-webkit-slider-thumbは、ブラウザ間の挙動差が激しく、実装...

長年、Webデザインの現場ではメディアクエリによる「画面サイズ依存のレイアウト」が常識でした。しかし、コンテナクエリ（Container Queries）の登場により、私たちは「親要素のサイズ」に基づいてスタイルを制御できるようになりました...

Web制作の現場で transform といえば、ホバー時の拡大やスライドインといったアニメーション演出が真っ先に思い浮かぶでしょう。しかし、シニアデザイナーの視点から言えば、transform の真価は「GPUアクセラレーションを活用した...

なぜ、安易なイタリックは避けるべきなのかWebデザインの現場において、font-style: italic; を指定する場面は決して少なくありません。しかし、シニアデザイナーの視点から言えば、このプロパティを「強調したいから」という理由だけ...

こんにちは。現場でフロントエンドの品質管理を担当しているシニアデザイナーです。今回は、HTMLのaddress要素について、少し踏み込んだ話をしましょう。「連絡先を書くタグ」という認識はあっても、実務で意図通りに使いこなせているケースは意外...

デザインの細部までこだわりたいデザイナーにとって、ブラウザ標準のスクロールバーは時に「ノイズ」に感じられるものです。しかし、CSSでスクロールバーをカスタマイズする際は、単なる見た目の追求ではなく、アクセシビリティの観点から慎重な判断が求め...

Web制作の現場において、script要素やtemplate要素といった「Script-supporting element」は、単なるJavaScriptの置き場所として軽視されがちです。しかし、アクセシビリティやパフォーマンス、そして保...

Web制作の現場において、私たちは長らく「右」「左」という固定概念に縛られてきました。しかし、グローバル展開や多言語対応を見据えたUI設計が求められる今、論理プロパティの活用は避けて通れません。今回は、その中でも特に使い勝手が良く、かつ実務...

RTSPとは何か、なぜ今あえて語るのかWeb制作の現場で「ストリーミング」といえば、HLS（HTTP Live Streaming）やDASHが主流です。しかし、監視カメラの映像配信や、産業用ロボットの遠隔操作UI、あるいはライブ配信の低遅...

Webデザインの現場では、長らくレスポンシブ対応のために相対単位（remやem、%など）が推奨されてきました。しかし、ベテランの視点で見ると、全ての箇所を相対単位で構築することが必ずしも「最適解」ではないケースに気づきます。今回は、あえて「...