Lea’s Response: @ItsChrisBurton That’s exactly the no-go way I had in mind. 42 gradients, 7KB and it’s still not nice. Totally not worth it.
can’t help you with the feature-fascination problem you are facing here, but I feel a strong urge to write in the following:
a) noise is out, because it’s in
b) does anyone else see the parallel to 10 or so years back when web developers were figuring out all this cool stuff that required the mandatory “best viewed in…” clause?
c) tbh, the css way to do this is… background-repeat, probably takes less bytes than any css-gradient code :P
What does current trends have to do with this discussion? I think the main focus here is the possibility of creating noise with CSS and if anyone has anything to bring to the table to further progress the situation.
@mightymeta Great post, I have been using data URI’s for a while now, but yours is about half the weight of mine. Thanks!
Have you thought about creating a noise pattern that is mostly transparent, I notice with yours it increases the shade quite a bit. You can see an example of what I am talking about here: http://jsfiddle.net/sl1dr/bZNWz/ (feel free to use that png).