Hey friends. I'm running a session later this month on cool stuff that's been added to the web in the last decade or so. Stuff like CSS flex and grid, <details> and <summary>, styleable <selectlist>. No frameworks: all native HTML/JS/CSS stuff. What are your favourite new web things since 2015-ish? - ThreadSky

dylanbeatt.ie • 3 days ago

Hey friends. I'm running a session later this month on cool stuff that's been added to the web in the last decade or so. Stuff like CSS flex and grid,

and

, styleable . No frameworks: all native HTML/JS/CSS stuff.

What are your favourite new web things since 2015-ish?

Comments

aniqa.dev•3 days ago

nested css, container queries, scroll snapping, :has(), color-mix()

haven’t tried the last two myself yet so mostly interested in those if I had to pick

rogiervanderhee.bsky.social•3 days ago

Definitely grid

raix.dev•3 days ago

variables and container queries

bastoker.bsky.social•3 days ago

make

felds.dev•3 days ago

I know they are not that shiny, but CSS color and math functions (min, max, clamp, round, etc).

dylanbeatt.ie•3 days ago

Those are definitely shiny.

jonathanyee.bsky.social•3 days ago

script defer. That has improved SPAs soooo much. albeit it looks like we moving back to server 🤷‍♂️

jonathanyee.bsky.social•3 days ago

article and section - not much love but the model of content placement is 100x better than divs every where

jonathanyee.bsky.social•3 days ago

is this a multiple days session? A decade of cool web stuff? lol that's a huge challenge!

jonathanyee.bsky.social•3 days ago

then exponential growth of pseudo selectors. input validation and has:() - nuff said

jonathanyee.bsky.social•3 days ago

position: sticky. Oh man this has saved me countless times from messy overly complicated scroll positioned elements

jonathanyee.bsky.social•3 days ago

css variable. game changer for separating dynamic changes from JS

felds.dev•3 days ago

CSS variables are huge! I love the fact that css variables act like signals, where their values are propagated on change. A lot of JS was written to do that, where in CSS it just works.

raediantz.bsky.social•3 days ago

and

are really cool, even if they have some CSS quirks!

pythonandchips.bsky.social•3 days ago

is a big one. Also form, formmethod, formaction and formtarget on

moni.fans•3 days ago

Dark mode . Tho was doing this with css in 2004, I love that its been normalized now . Tho this may not be the right answer

felds.dev•3 days ago

I still think dark mode is a little half baked. For example: we have a media query to detect dark mode, but we can never control that from JS. The only way to change that is by changing the mode on the device (making functions like lightdark useless).

adamj.eu•3 days ago

Cross-document view transitions

rocketsoup.bsky.social•3 days ago

I’m right now actively learning game programming on canvases and the web audio API and I am astounded what’s possible now without importing a single line of third party code and without using browser-specific hacks (looks like they were widely supported by mid 2015 so made the cutoff)

pentenrieder.dev•3 days ago

Nested css, position: sticky, scroll-snap, container queries

Comments

Posting Rules

Reply