Hacker News new | ask | show | jobs
by extra88 3243 days ago
It's too soon to rely on CSS Grid. A lot of people don't (and sometimes can't) use a browser that's less than four months old. Can I Use estimates ~44% of users don't use a browser that supports the current syntax [0]. IE11 will never support the current CSS Grid syntax but does support Flexbox (with some bugs). Edge will support the current CSS Grid syntax but doesn't yet. Older phones and tablets won't support CSS Grid.

[0] http://caniuse.com/#feat=css-grid
4 comments
claviska 3243 days ago
It's soon depending on your requirements, but Shoelace is forward thinking and will only become more useful and relevant as CSS Grid adoption rises. As for Edge, it's 100% as of 16.
link
extra88 3243 days ago
If you're developing sites for circumstances where you can control what browser clients use, fine. Very few sites developing in that situation.

Edge 16 hasn't been released yet.

I look forward to CSS Grid being widely available and in the meantime degrading gracefully in non-supporting browsers is often viable. My concern is for the users of sites developed by the many people who do not give any thought to how their site performs using anything other than what they personally use.

link
Lio 3243 days ago
I was under the impression this project also depends on CSS variables.

If your target browser can't support CSS Grid it's probably too old to support CSS Variables (CSSS custom properties) anyway.

link
extra88 3243 days ago
Chrome, Firefox, and Safari added support for the current CSS Grid syntax in March 2017. CSS Variable support is older. Chrome and Safari have supported CSS Variables since March 2016, Firefox since July 2014. Edge only added support (with bugs) this year and of course IE11 will never support them. Older devices that can't upgrade to iOS 10 or later, like the iPhone 4S, can use CSS Variables.

http://caniuse.com/#feat=css-variables

link
yellowapple 3243 days ago
For those less-than-brand-new browsers, there's at least one polyfill (https://github.com/FremyCompany/css-grid-polyfill).

Not ideal, sure (especially if you're JavaScript-averse, like I am), but it's a start.

link
shincert 3243 days ago
Irrelevant for a framework that wants to be future-proof and bleeding edge.
link
extra88 3243 days ago
Anything widely implemented by browsers is future-proof. Being on the bleeding edge guarantees failure for lots of users.
link
SippinLean 3243 days ago
Relevant, however for a framework to be used in production
link