エンジニア豆知識 | 戦うエンジニア応援団長 Official Base

🧩 エンジニア豆知識 #8──CSSだけで“電光掲示板”！途切れゼロの横スクロール見出しを極める🔥

2025年7月1日2025年7月1日 by 戦うエンジニア応援団長

戦え、エンジニア諸君！！ニュースサイトの速報帯、ポートフォリオの実績ライン… 走るテキストは視線を奪う最強のアクセントだ。ここではCSSオンリーで「継ぎ目のないループ＋フェード演出＋アクセシビリティ対応」までワンパッケ … 続きを読む

2025年6月20日2025年6月20日 by 戦うエンジニア応援団長

戦え、エンジニア諸君！！ブログカードや一覧リストで “本文がはみ出して崩れる” 問題―― 昔は substr() や jQuery プラグイン、果ては CMS 側で文字数カットしていた。だがそれでは・改行／絵文字で文字 … 続きを読む

2025年6月20日2025年6月18日 by 戦うエンジニア応援団長

戦え、エンジニア諸君！！モーダルが沈むたびに z-index: 9999; を書き足し、気づけば 2147483647（32bit MAX）まで桁が暴走——そんな闇のレイヤー戦争に終止符を打つッ！今日は「いくつまで使う … 続きを読む

2025年6月11日2025年6月11日 by 戦うエンジニア応援団長

戦え、エンジニア諸君！！「<select> だとデザインが制限される…」 — そんな悩みをネイティブ要素の組み合わせだけで解決する実装 Tips を紹介する！キモはラジオボタン＋input[type=”tex … 続きを読む

2025年6月11日2025年6月4日 by 戦うエンジニア応援団長

戦え、エンジニア諸君！！モーダルが沈む？ドロップダウンが背面に消える？？それは“数値の壁”ではなく、“島（スタッキングコンテキスト）の檻”に囚われているからだッ！今日こそ檻をぶち破り、レイヤー戦争に終止符を打つッ！！ … 続きを読む

2025年5月28日2025年5月28日 by 戦うエンジニア応援団長

こんにちは、戦うエンジニア応援団長です。「CSSでmarginを指定したのに、なぜか反映されない…」という経験、ありませんか？実はこれ、初心者から現場のベテランまで一度はハマる“CSSの罠”の一つです。 1. margi … 続きを読む

こんにちは、戦うエンジニア応援団長です。jQuery 時代の長〜い複合セレクターに疲弊していませんか？今日はCSS4 セレクターの新星 :is() と :where() を使い、可読性＆保守性を爆上げするワザをサクッと … 続きを読む

2025年5月14日2025年5月14日 by 戦うエンジニア応援団長

こんにちは、戦うエンジニア応援団長🔥です。水曜恒例「エンジニア豆知識」では、“1ランク上のフロントエンド小ワザ”をゆるっとご紹介します。 🍭 そもそも :has() って？ CSS Selectors Level 4 で … 続きを読む