Future CSS: State Container Queries

Re:Future CSS: State Container Queries by Culonavirus on Thursday June 29, 2023 @02:45AM (#36517197)

I disagree. While you can absolutely just pick and choose when using css as "salt & pepper" for an internal app ("admin" kind of part of a system), once you get into coding for a reasonably big frontend (of, say, an ecommerce site), suddenly you need all the bells and whistles for all the different media query versions of the site, mobile first is now a real requirement (most ecommerce visits are from mobile platforms and google uses mobile view to index and rate your site with Web Vitals) and so you have to know about flex, grid, typography, sizing, animations, scrolling, interactions, layout shifts, performance, browser support etc. etc. as otherwise you have an ugly, buggy, jumpy, unmaintainable mess on your hands.

There's a reason there are dedicated jobs for just front end development. It's a big task, and often for a different (not worse, just different) kind of person than your typical programmer who enjoys algorithmization. It's more about a person's crisp memory and good visual design ability.

For some of us who work as "full stack" devs sometimes, it's a lot of additional crap that you need to know... and so I can see why things like Tailwind (and its paid and free components) are popular.

[ Parent | on HN ]

Re:Future CSS: State Container Queries by zarzavat on Thursday June 29, 2023 @06:20AM (#36518575)

As someone who started when CSS was so underpowered that layout was still done with <table>… I remember the introduction of every new CSS feature, and I will cherish them all forever.

The introduction of flexbox was like Christmas to me, and CSS grid was all my birthdays and Christmases at once.

It’s definitely much easier when you learn all of these features as a drip drip drip over decades.

I can’t imagine picking up CSS from scratch as a new dev in 2023. It must be extremely intimidating.

Although on balance, I’d say that despite the extra features, CSS is a lot simpler now than it was in the 00s and early 10s. The rendering engines are much better and agree almost all the time, in the past you’d spend a most of your time debugging your layout in different browsers, or fighting CSS to get it to get it to make the layout that you want (and eventually giving up and using a table)

[ Parent | on HN ]

Re:Future CSS: State Container Queries by manuelmoreale on Thursday June 29, 2023 @07:21AM (#36518955)

I don’t disagree with you. But you also don’t disagree with me either.

You said it yourself “once you get into the coding for a reasonably big frontend”. That’s a specific task and the web is not made of only big projects.

CSS is vast but also allows you to ease into it. You don’t have to master it from day one in order to use it.

And that’s the beauty of it imo. I personally enjoy working with CSS and one of the reasons why I like it it’s because after 10 years and hundreds of sites coded I still learn new things about it.

[ Parent | on HN ]

Re:Future CSS: State Container Queries by runarberg on Thursday June 29, 2023 @12:30PM (#36522705)

I feel like the frontend gets an unfair treatment by many here on HN. I doubt people complain that the standard library of python is too vast, and you cannot master it. I feel like there is a lack of respect for professionalism on the front end stack and a lack of understanding that we front end developers actually spend a lot of time mastering this craft so we can use it skillfully at our jobs.

The only way I can make sense of this sentiment is that people feel like CSS is something to hack with, it is a toy, for hackers to play with, not a tool for professionals who spend years mastering the skill. I wonder why this is.

[ Parent | on HN ]

Re:Future CSS: State Container Queries by pas on Thursday June 29, 2023 @05:22PM (#36526911)

Isn't the critique that CSS is not at the right level? It's a collection of very specific pragmatic APIs? At least during the big Houdini effort it seemed like browser vendors want to offer something lower level, that allows more and better control of the whole layout and rendering pipeline. Please correct and extend my comment if possible, because I'm admittedly now up to date with even the status of that aforementioned project.

[ Parent | on HN ]

Re:Future CSS: State Container Queries by manuelmoreale on Friday June 30, 2023 @04:19AM (#36531995)

My sense of this (and I might be entirely wrong) is that CSS is a tool that is geared towards the presentation/design layer and that is somewhat removed from what most developers do or want to do or are happy doing.

It lives in this weird in between land where it's not really a programming language but it's complex enough to be hard to use by designers who are not really into programming.

I agree with you that mastering frontend requires a lot of time and practice, especially because it's a constantly moving target with new features, new tools and browsers that are constantly evolving.

I personally like it, I love the flexibility and I love that it's constantly changing and I have new tools I can use. It's also funny how there seems to be always something missing.

[ Parent | on HN ]

Re:Future CSS: State Container Queries by runarberg on Friday June 30, 2023 @01:57PM (#36539377)

This may be the case. While it is a standard practice in print design and graphic design that designers learn and use some tools to materialize these design into somewhat of a final product (tools like indesign, illustrator, etc.) it is not a common practice among web designers. A web designer is more likely to create a mock-up in a tool like figma, which a web developer than materialized into HTML, CSS and JavaScript. Of course there is an overlap, where a designer actually writes their own frontend or a web developer does their own design, but most of the industry has a separation there which is not present many other creative industries.

Perhaps there is a lack of understanding of the interaction between a web-developer and a web-designer which creates this unique negative perception of CSS as a tool. A back end developer might simply not understand it.

[ Parent | on HN ]