"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.
back
5 comments
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.
According to my laptop's cooling fan color palette is the least of the issues here. I'm pretty sure that roasting your users' CPUs to render a background texture is considered poor form.
I acknowledge the performance issues. I was responding, however, to a comment about what these make the site look like.
What? I think you might have some issues there. These render instantly on my phone and on my Nexus tablet.
Notice how the site uses a png noise image as background and none of the css3 backgrounds.
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.
I can see this being used: http://lea.verou.me/css3patterns/#lined-paper
I agree that they look terrible. It felt like I was thrown back to Windows 3.1 and Windows 95 tiled backgrounds. Trippy.