frontendintronational

かつての標準、今の「お荷物」をどう扱うかWeb制作の現場に長くいると、iframeやobject、そして今回取り上げるembed要素といった「埋め込みタグ」の扱いに頭を悩ませることがあります。特に、古い企業のCMSや、Flash時代の遺産を...

Web制作の現場で、意外と見落とされがちなのがHTMLのグローバル属性の一つである「translate属性」です。今回は、この属性をただの翻訳除外ツールとしてではなく、Webアクセシビリティと品質管理の観点からどのように活用すべきかを解説し...

シニアデザイナーとして多くのプロジェクトを見てきましたが、中規模以上の開発現場で最もトラブルになりやすいのが「命名の衝突」です。CSSのクラス名やJavaScriptの変数名が至る所で重複し、予期せぬレイアウト崩れを引き起こす。この負の連鎖...

Web制作において、アニメーションは単なる装飾ではなく、ユーザー体験を左右する重要な要素です。中でも「Interpolation（補間）」の理解は、プロとアマチュアを分かつ決定的な境界線となります。今回は、CSSのeasing関数やJava...

なぜ要素を隠すのか？目的別のベストプラクティスWebサイト制作において、要素を画面から消す手法は複数存在します。しかし、単に「見えなくすればいい」という判断は、アクセシビリティやレンダリングコストの観点から避けるべきです。今回は、シニアデザ...

void演算子の意外な実用性JavaScriptにおける「void演算子」は、古参のエンジニアであれば「href="javascript:void(0)"」という書き方で馴染みがあるかもしれません。しかし、近年のモダンな開発現場において、こ...

Webデザインの現場において、3D表現はもはや「特別なスキル」から「標準的な演出」へと移行しています。しかし、ブラウザ上で重い3Dデータを軽快に動かす裏側で、誰がそのルールを決めているのかを意識したことはあるでしょうか。今回は、Webのグラ...

multiple属性の基本と正しい認識Web制作において、フォームのファイルアップロードでよく使われる「multiple」属性。単に「複数ファイルを選択できる」という機能として認識している方も多いでしょう。しかし、シニアの視点で見ると、この...

Web制作の現場において、検索結果やキーワードの強調表示を実装する際、皆さんはどのように対応していますか？これまでは、対象となるテキストをJavaScriptで抽出し、spanタグなどでラップして個別にスタイルを当てるという手法が一般的でし...

Webデザインの現場において、画像の切り抜きや装飾の表現に「mask-image」を使うことは一般的になりました。しかし、意外と見落とされがちなのが「mask-mode」プロパティです。今回は、このプロパティを理解することで、実装の幅をどう...