TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Rethinking CSS Grids

60 pointsby bretthopperalmost 14 years ago

8 comments

wccrawfordalmost 14 years ago
Is it just me, or are the examples in the middle using 'md' and 'fr' wrong?<p>If they're not wrong, why are they so bloody confusing?<p>Edit: It's been fixed now. The final example had 2md, 1fr, 1md originally, instead of the 3md, 1fr, 2md that it has now.
评论 #2860049 未加载
CoffeeDregsalmost 14 years ago
Perhaps a bit OT of TFA, but on the general topic: Were HTML 'tables' so widely and badly used and were they so corrupted as a term that the W3C had to create 'grids'? Is this kind of just an upgrade to tables?: <a href="http://dev.w3.org/csswg/css3-grid-align/" rel="nofollow">http://dev.w3.org/csswg/css3-grid-align/</a><p>How is a grid different than a table? I find it odd that that each element in the grid is explicitly positioned (e.g. #score { grid-column: 1; grid-row: 3 } ).<p>It seems as though we've been round and round on this topic and I feel as though we're going to go round again some more when we could be improving the core elements (at the risk of some breakage).<p>EDIT: some answers to my questions here: <a href="http://www.htmlgoodies.com/beyond/css/css3-preview-tables-and-grids.html" rel="nofollow">http://www.htmlgoodies.com/beyond/css/css3-preview-tables-an...</a><p>EDIT2: looks as though multiple client sizes are a driver.
评论 #2860794 未加载
necolasalmost 14 years ago
There is so much thought, and so many concerns, that go into CSS modules that I'm a little disappointed the article doesn't go into more detail about the problems it is looking to solve.<p>A fundamental starting point seems to be that CSS grids should match the mental model and terminology of "designers" rather than "developers". It would be good to have a thorough explanation of <i>why</i> that may or may not be an improvement. How would added abstraction effect development? How would the functionality of the existing CSS Grid Layout proposal be mapped to, or improved, with an alternative syntax?<p>Hopefully the ideas in the article have already been shared with the community of people working on CSS modules. It would be good for the concerns and approaches of various professions to be exchanged in a constructive fashion so that any future CSS modules are as good as can be.
评论 #2860584 未加载
yxhuvudalmost 14 years ago
Here is a proposal for people that wish to suggest good ways of doing layout, that will make it at least somewhat possible that someone might take you serious:<p>DO NOT USE GRAY TEXT ON A WHITE BACKGROUND.
danboarderalmost 14 years ago
I think this has already been solved by tools like <a href="http://grids.heroku.com/" rel="nofollow">http://grids.heroku.com/</a>
megaman821almost 14 years ago
Doesn't this make resizing rows and columns horrible? Why not just pretend your grid-module is 1x1 and use flexible-box layout?
benjashalmost 14 years ago
I don't understand the fuss about grids, well its graphic design lesson 1.<p>Plus I would never use a framework for generating CSS.
评论 #2860395 未加载
unicornpornalmost 14 years ago
this page crashes the stock android 2.2 browser every single time.