why is this better than tables?
Because designers parroted some early bullshitters and applied the "semantic" and "separation of content and presentation" notions at the wrong level.
CSS Grid – Table layout is back. Be there and be square
21–30 of 280 posts
Re: CSS Grid – Table layout is back. Be there and be square
#22The biggest game-changer to me seems to be the last example, with `grid-template-areas`. I could probably explain this in a matter of minutes (as opposed to flexbox).
Yes, that is magical, in a very good way.
Edge had better get support this year or I'll consider placing a warning on my website to all Edge users that the layout won't work. I'm over supporting lagging browsers.
Re: CSS Grid – Table layout is back. Be there and be square
#23Re: CSS Grid – Table layout is back. Be there and be square
#24This has nothing to do with table layout, unfortunately.
Re: CSS Grid – Table layout is back. Be there and be square
#25Both Android (ConstraintLayout) and iOS (Auto Layout) use Cassowary. Why not just implement this with CSS as well so we can use the same layout tech for every platform?
Re: CSS Grid – Table layout is back. Be there and be square
#26> Short of taking care of sizing the elements yourself, sadly, you can't have both a vertical and horizontal rhythm by just using flexbox alone. Accompanied by https://developers.google.com/web/updates/images/2017/01/css... I'm pretty familiar with Flex but I simply don't understand and the diagram doesn't help. What does 'rhythm' mean in terms of layout? Taking a guess (which I shouldn't be), I can make https://deve…
As I understand this image: https://developers.google.com/web/updates/images/2017/01/css...
it shows that you can not use flexbox to force the both upper blocks being the same height.
Re: CSS Grid – Table layout is back. Be there and be square
#27why is this better than tables?
More flexible than table based layouts and it doesn't completely hose screen readers for the visually challenged.
Re: CSS Grid – Table layout is back. Be there and be square
#28> Short of taking care of sizing the elements yourself, sadly, you can't have both a vertical and horizontal rhythm by just using flexbox alone. Accompanied by https://developers.google.com/web/updates/images/2017/01/css... I'm pretty familiar with Flex but I simply don't understand and the diagram doesn't help. What does 'rhythm' mean in terms of layout? Taking a guess (which I shouldn't be), I can make https://deve…
OP is likely referring to vertical rhythm in typography: https://zellwk.com/blog/why-vertical-rhythms/
rhythm, or perhaps repetition is one of the core tenants of graphic design. Once you start looking for it, you'll see it lots of places. It's kind of like the wilhelm scream sound effect. It's not hard to find strong examples, but most stuff is divided into a natural harmonic, 1/3 1/4 or 1/5. movie posters are an easy example.
Anywho, google helps a bit, [1]. So, yes, you're absolutely right. it's just quite a bit more widespread than typography
[1] https://www.google.com/search?q=rhythm+in+painting&espv=2&bi...
Re: CSS Grid – Table layout is back. Be there and be square
#29why is this better than tables?
Because indicates that it contains tabular data, and implies lots of things about the content that it contains that would be misleading when using table-based layout.
And display: table, which uses CSS to make things look the same, without implying anything about the content, wasn't supported by Microsoft, back when they they were a) the only browser that mattered, and b) trying to hold back the web to protect their monopolies, so people worked around their damage by using the tools that happened to already be available in IE (see also the invention of AJAX)
Once Microsoft caught up, people who understand CSS started using display: table whenever it helped. People who didn't kept complaining that you couldn't just use .
Re: CSS Grid – Table layout is back. Be there and be square
#30Yes, please. Putting 'styles' in charge of layout was always madness.
Every time I hit the wrong link because the browser engine finally figured out it should move things around one more time just that millisecond, my soul gets blackened by the wish to strangle someone.