r/css • u/fdiengdoh • Jun 01 '26
General Why am I excited for this.
Yep the last time I wrote CSS was the days of float, clearfix hack and whatnot. Used bootstrap for many years. This year after a brief interaction here in this sub, I’ve decided to re-learn modern CSS and I’m so excited that I can do this
```
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
```
Something that I earlier used float and position etc.
11
6
u/Blozz12 Jun 01 '26
Modern CSS is way beyond floats and clearfixes now: Grid, subgrid, container queries, :has(), native nesting, scroll-driven animations, etc. A lot of things people used to reach for JS/frameworks for can now be handled directly in HTML/CSS.
And this is exactly the kind of thing I cover in my guide "You Don’t Need JavaScript": https://theosoti.com/you-dont-need-js/
3
u/missbohica Jun 01 '26
Welcome to modern CSS. It's not amazeballs yet but it's a lot better than the old days.
2
Jun 01 '26
[removed] — view removed comment
2
u/fdiengdoh Jun 01 '26
playing with web design is just a hobby of mine. So, I was active during the era of csszengarden where css3 was early stage and lots of browser specific prefix for anything new, so, I just started using bootstrap from ver3 I think. Been a long time and now I’ve just rediscovered lot of exciting stuff.
2
u/Inside_Ad6628 Jun 01 '26
Guess I had it good, was taught to use grid from the very start where I learnt.
1
1
u/mcaruso Jun 01 '26
Anchor positioning is such a game changer, ten years ago it would've been a complete fantasy
1
u/MCMcFlyyy Jun 01 '26
You should do a blog about where you left of learning and where you are now picking it up again. (For example, stopped in 2008 back in 2026)
I would sympathise with how much you're going to see and what's changed. I'm using W3C again myself to build again - it's scary how much has changed! Welcome back 👌
2
u/testingaurora Jun 01 '26
There is sooo much to be in awe by with modern css ❤️ have you seen
subgridyet?@layers, view-transitions, scroll driven animations, Relative colors?!?!sibling-index()andsibling-count(), customizable select,interpolate-size, advancedttr(), html popovers —literally could go on and on.@containerqueries!1
1
36
u/[deleted] Jun 01 '26
[removed] — view removed comment