Comments on: Thoughts After Looking at the Web Almanac’s Chapter on CSS https://css-tricks.com/thoughts-after-looking-at-the-web-almanacs-chapter-on-css/ Tips, Tricks, and Techniques on using Cascading Style Sheets. Tue, 19 Nov 2019 10:45:50 +0000 hourly 1 https://wordpress.org/?v=6.1.1 By: Evert Albers https://css-tricks.com/thoughts-after-looking-at-the-web-almanacs-chapter-on-css/#comment-1752651 Tue, 19 Nov 2019 10:45:50 +0000 https://css-tricks.com/?p=298732#comment-1752651 Looking by the number, it seems a safe guess that “45 media queries” refers to 45 queries, possibly in sass-made-files, but not 45 breakpoints.

]]>
By: Michael Schofield https://css-tricks.com/thoughts-after-looking-at-the-web-almanacs-chapter-on-css/#comment-1752607 Fri, 15 Nov 2019 13:34:26 +0000 https://css-tricks.com/?p=298732#comment-1752607 In reply to iGadget.

I also think there are two or three other factors that have at least a little impact:

Grid is kind of hard compared to flexbox. We might argue that it’s not bad, and the learning materials around Grid are really wonderful. However, there’s conceptual leap going from two to three dimensions, plus new syntax (and middling IE11 support like someone said), that learning and implementing is more work than any perceived benefit.
Bootstrap doesn’t support it yet. The abundance of flexbox-based grid systems make implementing grid a no brainer, and especially since the grid classes are almost one-for-one with the ol’ 960/1140-based grid systems before it, that was as uper easy transition.
Most sites don’t need it. In fact, I’d still argue that the downward pressure on site design is down to a single column. For most folks, being great on mobile is more important than being neat on a larger screen, so that’s where the energy goes.

I don’t know if I really see CSS Grid getting much more adopted than it is now until a major framework (bootstrap 5?) makes it the default of their layout system.

]]>
By: Stefan https://css-tricks.com/thoughts-after-looking-at-the-web-almanacs-chapter-on-css/#comment-1752603 Fri, 15 Nov 2019 08:22:40 +0000 https://css-tricks.com/?p=298732#comment-1752603 In reply to Stefan.

I don’t see much SMIL usage – there are ideas from there like [switch] in svg, things in css animations or VTT – this is really SMIL-ish; we cant use it because no browser had implemented this – that is not a great loss – everything can be reproduced by js

]]>
By: Ben https://css-tricks.com/thoughts-after-looking-at-the-web-almanacs-chapter-on-css/#comment-1752581 Thu, 14 Nov 2019 03:28:20 +0000 https://css-tricks.com/?p=298732#comment-1752581 In reply to iGadget.

One reason I see for using flexbox way more than Grid is the support. If you have to support IE, grid becomes a real pain.
But when I see people using flexbox to centre a single <div />, I’m even more in pain.

]]>
By: Glenn https://css-tricks.com/thoughts-after-looking-at-the-web-almanacs-chapter-on-css/#comment-1752577 Wed, 13 Nov 2019 22:34:58 +0000 https://css-tricks.com/?p=298732#comment-1752577 In reply to iGadget.

For me it’s the middling IE11 support that keeps me away from using grid.

]]>
By: Chris Coyier https://css-tricks.com/thoughts-after-looking-at-the-web-almanacs-chapter-on-css/#comment-1752572 Wed, 13 Nov 2019 18:03:19 +0000 https://css-tricks.com/?p=298732#comment-1752572 In reply to iGadget.

Yes, those things are true. Sounds like you think the “spreading content evenly” is something that more sites need than the different things Grid does. OK. I think the opposite. Although really I can’t imagine building most sites without both.

Mostly I think more people just know flexbox better hence the higher usage.

]]>
By: Chris Coyier https://css-tricks.com/thoughts-after-looking-at-the-web-almanacs-chapter-on-css/#comment-1752571 Wed, 13 Nov 2019 17:58:56 +0000 https://css-tricks.com/?p=298732#comment-1752571 In reply to Stefan.

Oh cool! What else can you use SMIL on?

]]>
By: grilly https://css-tricks.com/thoughts-after-looking-at-the-web-almanacs-chapter-on-css/#comment-1752568 Wed, 13 Nov 2019 17:30:31 +0000 https://css-tricks.com/?p=298732#comment-1752568 em is used more because of browser support far longer back. Of course rem is easier, that’s why it was invented!

]]>
By: iGadget https://css-tricks.com/thoughts-after-looking-at-the-web-almanacs-chapter-on-css/#comment-1752566 Wed, 13 Nov 2019 16:20:45 +0000 https://css-tricks.com/?p=298732#comment-1752566

Holy buckets. Flexbox on half of sites and grid only on two percent?!

Well, isn’t that implicit? Flex is useful on most lists where grid is more a specific layout thing. To create a flexible layout that expands with its contents is way more elaborate with grid than with flexbox. Grid relies on defined boxes, whereas flexbox mostly spreads content evenly.

]]>
By: Stefan https://css-tricks.com/thoughts-after-looking-at-the-web-almanacs-chapter-on-css/#comment-1752565 Wed, 13 Nov 2019 15:52:26 +0000 https://css-tricks.com/?p=298732#comment-1752565 um – SMIL is not a “SVG technology” – its technology by its own – using it in SVG is thanks to X in XML :)

]]>
By: Duane https://css-tricks.com/thoughts-after-looking-at-the-web-almanacs-chapter-on-css/#comment-1752563 Wed, 13 Nov 2019 15:28:01 +0000 https://css-tricks.com/?p=298732#comment-1752563 Fascinating. I wonder how these stats would skew if people not using factories (A/V/R) were separated out. I’ll have to read this later today.

]]>