Live data from Hacker News

CSS3 Patterns Gallery

lea.verou.me

21–30 of 39 posts

Re: CSS3 Patterns Gallery

#22
post #13

Nice, but oh my poor Firefox. What's wrong with images as bg? Some numbers: The one with hearts is 944 bytes (css file), 232 bytes gzipped (with 7zip), 304 bytes as gif (Photoshop. Can be smaller with hand optimizations. Need extra css code to tile as bg) Just a tech demo IMO.

This site completely borked by firefox. Had to close and restart my browser to get out of it.

Re: CSS3 Patterns Gallery

#23

"amazing"? These look terrible and would make any website look like a throwback from Geocities. Neat that it's done with CSS3, not practical for any real purpose though.

All it'd take to make most of these usable is finessing the colors a bit so they don't jump off the page like they do here. It's definitely possible to make the patterns more subtle while retaining the shape effects. I viewed the page as a nifty demonstration of CSS-based patterns. Actually implementing the appropriate colors with these is left as an exercise for the reader.

Re: CSS3 Patterns Gallery

#26

"amazing"? These look terrible and would make any website look like a throwback from Geocities. Neat that it's done with CSS3, not practical for any real purpose though.

Most are bad yes, but what if you could successfully replace one of those[1] in CSS. That would be a very good optimization hack.

[1] http://subtlepatterns.com/

EDIT: Or at least it seems. Maybe rendering as much details in the background with CSS is worse than just displaying repetitively a simple png.

Re: CSS3 Patterns Gallery

#28
They look like crap (not only the color, but also the jagged edges), the performance is also crap... I don't know, sometimes I think these hipster web devs are getting too much attention nowadays for things that aren't that complicated or innovative in comparison to, say, many things c++ programmers face on daily basis.
Post reply on HN