Live data from Hacker News

A modern responsive front-end framework based on Material Design

materializecss.com

91–96 of 96 posts

Re: A modern responsive front-end framework based on Material Design

#91
What a blast from the past! It's like looking at Flash sites from a decade ago.

Compare https://www.straphq.com/ with Jennifer Estep (author) 2009 [1]

Compare: http://danielangel.media/ with Girbaud (designer jeans, now defunct) 2005 [2] 2012[3]

[1] https://web.archive.org/web/20070408092333/http://www.jennif...

[2] https://web.archive.org/web/20051130094152/http://www.girbau... [3] https://web.archive.org/web/20120207224137/http://www.girbau...

Re: A modern responsive front-end framework based on Material Design

#92
post #85

Earlier quoted context omitted.

What? Why? I personally find Material to be hideous because of its color abuse. It makes your UI look like an over-saturated Fischer-Price toy because of all the bright primary colors everywhere, and that's before we get into the lack of shadow and shading that seems to have infected "modern" design.

and that's before we get into the lack of shadow So we are not talking about the same thing, because Material uses shadows extensively - certainly more so than older versions on Android. See https://developer.android.com/training/material/shadows-clip... and http://www.google.com/design/spec/what-is-material/objects-i... for more details

It's supported, sure, but that doesn't mean it's going to be used by a lot of people. I can't look it up right now, but I recall the official Google apps look rather flat.

Re: A modern responsive front-end framework based on Material Design

#94
post #85

Earlier quoted context omitted.

and that's before we get into the lack of shadow So we are not talking about the same thing, because Material uses shadows extensively - certainly more so than older versions on Android. See https://developer.android.com/training/material/shadows-clip... and http://www.google.com/design/spec/what-is-material/objects-i... for more details

It's supported, sure, but that doesn't mean it's going to be used by a lot of people. I can't look it up right now, but I recall the official Google apps look rather flat.

Shadows are a huge part of Material UI. They are used to create layering between materials, which creates the illusion of depth and space.

Re: A modern responsive front-end framework based on Material Design

#95

Earlier quoted context omitted.

Modern browsers do their best to optimize typical use-cases for CSS selectors and .collection li for sure will be handled optimally. You shouldn't worry about CSS selector performance unless you have to provide good performance for very old browsers or hit specific performance problem. Optimize for humans, not for computers.

Mozilla disagrees. https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Writi... They explicitly state using css classes is more performant than using tags. I'd be interested in a CSSPerf(Do they have those?)

As others have pointed out, that article is now 15 years old.

Re: A modern responsive front-end framework based on Material Design

#96
post #38

Earlier quoted context omitted.

Your example would corrupt the following case: Bulleted label Bulleted label 2 This case must be considered when setting coding standards for a framework.

Was this sentence not there when you first replied? You want nested li's to not inherit the styles? Use ".collection > li" in your CSS.

oh my. missed the > when first replied.

Note that ie6 did not support that selector. Until recently that certainly was a case for the frameworks to support.

Post reply on HN