鹿野さんに聞く!CSSの最新トレンド Ver.2026 #CSS_findy に参加して思ったこと

参加したので感想をちょろっと。概要は以下の通り。

2023年、2024年に引き続き、2025年もご好評いただいた鹿野さんをお招きしたCSSイベントを2026年も開催します! 本イベントは、CSSのエキスパートとして記事発信や登壇を多数されている鹿野さんに2026年の最新CSSトレンドについて伺い、参加者の方にとって明日から活用できる学びとなるイベントを目指します

鹿野さんに聞く!CSSの最新トレンド Ver.2026 (2026/05/14 12:00〜)# ✍️概要 2023年、2024年に引き続き、2025年もご好評いただいた鹿野さんをお招きしたCSSイベントを2026年も開催します! 本イベントは、CSSのエキスパートとして記事発信や登壇を多数されている鹿野さんに2026年の最新CSSトレンドについて伺い、参加者の方にとって明日から活用できる学びとなるイベントを目指します。 ## 🎁参加方法とプレゼント企画 URLはお申し込みいただいた方へ視聴用リンクをお渡ししています。 参加後アンケート回答者の中から抽選で5名様へ以下の書籍をプレゼント差し上げます。 『TypeScriptコードレシピ集』 ## 🕛タイムテ...connpass

人のエディター見るの面白い

今回、実際にエディターを操作しながら画面を見る、という形式を取りながらDemoを見せていただきました。

それで思ったこと。人のエディター見るの面白い。

人がコードを書いて、画面に出力して、という過程を見るのってなんだかワクワクするなーと感じました。これはフロントエンドならではな気がします。

フロントエンド面白い。

CSS面白い

普段業務でもモダンなCSSを追いかけることはなかったので、新鮮で楽しかったです。

このブログでもPopoverなどは取り入れていますが、やっぱりCSSは面白い。ゴリゴリアニメーションを書いている有名な方とかもいますが、それができたら楽しいだろうなあとも思いつつ。

ちなみにPopoverを使ってみたことを解説した記事は下記なので見てみてね。

Popover APIで吹き出しUI(ツールチップ)をシンプルに作るPopover APIを使って、URLコピー後の吹き出しをブラウザ標準の開閉UIとして扱う。gamine.blog

大切なこと

モダンなCSSって、企業向けのプロダクトだと二の次になっている気がしていて。

業務と関係ないことだから学ぶのはコスパ悪いなって感じちゃう部分もあったわけです。

でも、やっぱりコスパ抜きに楽しいことを追いかけるって大事なことだなって、この勉強会を通して感じました。

キーワード

  • in oklch
  • popover
  • -theme-button-anchor
  • popovertarget
    • アクセシビリティもいい感じになってくれるらしい
  • subgrid

subgrid は自社プロダクトにも持ち帰れそうだと思いました。自分以外のカードを参照できるの便利すぎる。

今後のモチベ

CSSをどんどん楽しもうって感じました。

CSSに責務を任せることによって、どんどんJavaScript離れができる。そして軽くなる。

今構築してるAstroのブログサイトも軽量化が加速する。

楽しい〜。