frontendintronational

Webデザインの世界では、常に新しい技術が登場し、レイアウト構築の可能性を広げてくれます。近年注目されているCSSプロパティの一つに `position: try` があります。これは、指定された位置決め方法が適用できない場合に、代替の `...

MediaKeysとは何か、その役割Webデザイナーとして長年現場にいると、ブラウザの進化とともに「ユーザーがどうやってコンテンツを操作するか」という問いに直面します。今回取り上げるMediaKeysは、キーボードのメディア制御キー（再生・...

Web制作の現場で、テーブルコーディングを行う際に「tbodyだけで十分」と考えてはいないでしょうか。確かに、見た目だけを整えるならtheadとtbodyで事足ります。しかし、シニアデザイナーとして現場のフロントエンド実装を俯瞰すると、要素...

JavaScriptエンジンは「黒魔術」ではない多くのデザイナーにとってJavaScriptエンジンは、ブラウザの奥深くで動く「ブラックボックス」のような存在かもしれません。しかし、V8（Chrome）やSpiderMonkey（Firef...

list-style-imageが敬遠される「現場の事情」Webデザインの現場で、リストの先頭にアイコンを添える際、CSSのlist-style-imageプロパティを真っ先に選択する人は少ないでしょう。なぜなら、このプロパティには「余白の...

Webデザインの現場において、「パラメータ」という言葉をどう捉えているでしょうか。エンジニアが扱う変数や、AI生成におけるプロンプト設定といった文脈で語られがちですが、シニアデザイナーの視点から言えば、これは「意図を再現可能な数値に落とし込...

なぜ今、popoverTargetElementなのか実務の現場では、モーダルやドロップダウンを実装する際、長年JavaScriptによる状態管理が必須でした。しかし、ブラウザ標準のPopover APIの登場により、その常識が変わりつつあ...

Webデザインの世界では、新しいトレンドが次々と生まれます。しかし、シニアデザイナーとして皆さんに伝えたいのは「流行を追うこと」と「デザインの寿命を縮めること」は紙一重だということです。今回は、丸太を転がすように、要素や情報を次々と送り出し...

Webデザインの現場では、視覚的な美しさやアニメーションの滑らかさが重視されますが、最近ではCanvasやWebGLを用いた高負荷なグラフィックス表現を実装する機会も増えています。そんな時、パフォーマンスのボトルネックとなるのが「メモリ管理...

フロントエンド開発の現場で、ふと遭遇する「SyntaxError: getter functions must have no arguments」。このエラーメッセージは、直訳すれば「ゲッター関数は引数を持ってはならない」という意味ですが...