Live data from Hacker News

State of CSS

web.dev

181–190 of 234 posts

Re: State of CSS

#181
Still cannot center an element in a box and then put another element to the left of it on another layer. Or synchronize widths of two elements in different containers. Or draw an extents border with some padding behind an arbitrary set of elements.

If it’s already awesome for you, please just give us display:constraints and fiddle with these boxes and grids as much as you want.

Re: State of CSS

#182

Can't believe paged media isn't really supported yet. Trying to do anything like line numbers for legal documents or page numbers is an absolute nightmare.

Page media has been supported for decades. Line numbers aren’t strictly related to page media. It’s hard to complain about the lack of in-depth support for a media that isn’t meant to display “the web”. I do agree that it could be better. They have been adding print-related features though, at least I remember some in CSS3. CSS Colors Level 4 includes cmyk functions.

Have you tried to page a grid? Also, who decides what is web and what isn’t? Is printing barcodes on pre-delineated paper “web”?

Feels like we’re stuck in a “yes, it meant to be a universal platform” / “no, it meant to be a document viewer” loop.

Re: State of CSS

#183
post #165

Earlier quoted context omitted.

div { width: 640px; aspect-ratio: 16 / 9; }

> But with Chrome and Firefox supporting it behind an experimental flag So basically not supported, and you have to go back to div hell. There should be some future.js file that you can import to make all this stuff just work in older browsers.

Where are you getting that from? It seems to be fully supported: https://caniuse.com/mdn-css_properties_aspect-ratio

I've been using if for months with no issues in cross-browser testing, and I haven't enabled any experimental flags.

Re: State of CSS

#184
post #82

Earlier quoted context omitted.

Yes you can https://css-tricks.com/almanac/properties/a/aspect-ratio/

Experimental on Safari, so it's unusable of you have a real world project.

Are you sure? It seems to work for me. MDN and caniuse agree: https://caniuse.com/mdn-css_properties_aspect-ratio

Re: State of CSS

#185
post #143

Earlier quoted context omitted.

It's so annoying to me that there's one browser that's holding everyone back. They also make it so that no one can use anything but their browser engine on mobile phones so they're harder to ignore.

When it comes to CSS Safari is rarely behind, and often ahead. When it comes to Chrome-only non-standards Safari is right where it needs to be: not implementing this bullshit.

Safari is so behind in terms of lack of support for free media formats/codecs like webm, webp, and av1. You can't even switch browsers to view them, since it's all webkit

Re: State of CSS

#186
post #143
post #138

It's so interesting, these waves of CSS improvements. Before the flexbox/grid arrival, there were years of near-zero progress. The flexbox/grid release, uniquely coordinated across browsers (for once), was an excellent milestone, but not really a movement. These last 2 years though feel almost like a revolution in comparison to CSS's history. Somebody is pushing very hard. These are some very serious improvements tha…

It's so annoying to me that there's one browser that's holding everyone back. They also make it so that no one can use anything but their browser engine on mobile phones so they're harder to ignore.

Can I get a boo to the Google/Chromium shill? Apple implements the standard quite nicely. They don’t actively implement googles DRM and tracking incentivized, non-standardized extensions. As an independent web developer, I’ll be developing to the standard and actively avoiding non-standard “google extensions” to the web ecosystem.

Re: State of CSS

#187
post #138

It's so interesting, these waves of CSS improvements. Before the flexbox/grid arrival, there were years of near-zero progress. The flexbox/grid release, uniquely coordinated across browsers (for once), was an excellent milestone, but not really a movement. These last 2 years though feel almost like a revolution in comparison to CSS's history. Somebody is pushing very hard. These are some very serious improvements tha…

I agree with the gist of what you’re saying, but flexbox was widely supported (and used) for years before grid.

Re: State of CSS

#188
CSS has come a long way and seem to have accelerated real fast these days. There were a time when the the ability to write CSS that creates a website that work perfectly in Apple macOS's Internet Explorer was a feats of the few.

I owe my professional career development to a lot of awesome people whom I met on the Internet and helped me at each turn, without asking for nothing in return.

Re: State of CSS

#189
post #125
post #113

Earlier quoted context omitted.

flex is ok, and actually fills a need, but can it be used to make e.g. a chat layout? i don't agree btw. grid is voodoo declarations that is worse than tables. pretty much need to stackoverflow to do anything

>but can it be used to make e.g. a chat layout? I don't see why not.

I use just regular ol divs to make a chat layout.

Re: State of CSS

#190
post #143

Earlier quoted context omitted.

It's so annoying to me that there's one browser that's holding everyone back. They also make it so that no one can use anything but their browser engine on mobile phones so they're harder to ignore.

When it comes to CSS Safari is rarely behind, and often ahead. When it comes to Chrome-only non-standards Safari is right where it needs to be: not implementing this bullshit.

I was testing my app on safari about a year ago, at the time even a simple property like transform required webkit vendor prefix.
Post reply on HN