CSS

お疲れ。今、ちょうどフォームのバリデーション周りのスタイリングで頭を悩ませていたところか？「入力値が正しい時に緑色の枠線を出したい」「でも、ページを開いた瞬間からエラーが出たり、全入力欄が真っ緑になったりしてダサい……」そんな泥臭い悩みを抱...

お疲れ。今日のコードレビュー、いくつか上がってきてたけど……おっ、ちょうどフォーム周りの実装があるな。お前、最近のCSSの擬似クラス、どこまでキャッチアップできてる？「あー、`:required`とか`:invalid`あたりはよく使います...

やあ。最近、フォーム周りの実装で「未入力項目のバリデーション表示、またJavaScriptで無駄に判定書いてない？」と後輩のコードを覗き見しては、そっと肩を叩くのが日課になっているシニアエンジニアの私だ。君も経験があるはずだ。バックエンドか...

お疲れ。今日はフォーム周りのスタイリング、特に「おざなりになりがちな状態管理」について話をしようか。君も日々の実装で、`` や `` を触る機会は腐るほどあるはずだ。その中で、「入力できる状態のとき」と「無効化（disabled）されている...

こんにちは。フロントエンドチームのコードレビューを見ていると、時折「おっ、そこに手を出すか」とハッとさせられるコードに出会うことがあります。今回は、CSSの歴史のかなり古い部分から存在しながら、現代のWeb開発でも意外とハマりどころが多い擬...

やあ。最近、チームのCSS設計やリファクタリングを見ていて、ふと気になることがあったんだ。「あ、ここ、まだ `html` セレクタでCSS変数定義してるんだな」ってね。君も経験があるだろう？ 巨大なレガシーコードベースや、ちょっと急いで立ち...

おい、調子はどうだ？今日も元気に `!important` で汚されたレガシーコードと格闘してないか？なあ、フロントエンドの現場にいる中級者のお前らなら、一度はこう思ったことがあるはずだ。「おい、子要素の状態を親に伝えてスタイルを変えたいだ...

やあ、最近のコードの書きぶりはどうだい？コンポーネント指向が当たり前になって、CSS-in-JSやらTailwind CSSやらが全盛の昨今だけど、結局のところ、バニラなCSSのセレクタの機微をどこまで理解しているかで、マークアップの美しさ...

やあ。今日も今日とてCSSの沼にハマっているかい？フロントエンドの現場で長く生き残っていると、「あれ、このセレクタ、頭の中では完璧に動くはずなのに、なんでブラウザはスタイリングしてくれないんだ……？」っていうデスマーチの1歩手前みたいな瞬間...

やあ。フロントエンドのコードベースと毎日格闘している君たちへ。今日はCSSの「闇」というか、意外と直感的じゃない挙動でバグを生みがちな `:last-of-type` について話をしよう。「最後の子要素を選択する」という言葉を鵜呑みにして、...