31–40 of 40 posts
Oh this is awesome. It's the last thing I need to completely eliminate images from my website. All the rest is cross-browser gradient and rounded corner code from http://css3please.com , and I'm debating whether to vectorize the picture of me via raphael.js or do an inline data-URL image in my CSS (it might be considered cheating).
I like the fact that this is jQuery - and that it could probably be used dynamically with other effects. .. but I'm starting to think noise + block-color backgrounds are starting to become a bit cliche.
That's not what cliché is. Noise is there to make the design easier on the eye. It simply works better than a solid fill in a lot of situations as it improves visual quality of the design. It is more natural if you will, similarly to how rounded corners look subjectively better than the straight ones. The noise was not extensively used before because it does not compress well, and spending 20KB on a background tile w…
Actually, in Firefox if you use a CSS gradient (ie -moz-linear-gradient) and look carefully.. you'll notice Firefox automatically adds noise/dithering to make it look smoother.
I set up a jsperf to do some benchmarking: http://jsperf.com/noisy If you can help out by running the tests, it'll be great to compare browsers. This isn't exactly the perfect tool for the job, but it's close enough.
var numPixels = options.intensity * Math.pow(options.size, 2);
Earlier quoted context omitted.
No, when something is overused, it actually does become a cliche. Perhaps noise can improve the visual quality of a design when it's used subtly. However, I'm increasingly seeing it (over) used in a conspicuous way, and I think it's become a trend. In some cases, I think there's an element of 'lets jump on the bandwagon'. Round corners definitely became a cliche. EDIT: re. noise - see dribbble for proof.
Do you mean dribbble uses noise subtly or that it's contributing to the overuse? Your point is a bit vague. I would guess the former, because I think the noise really adds to their presentation. It almost feels like I can rub the lettering on the paper.
I like the fact that this is jQuery - and that it could probably be used dynamically with other effects. .. but I'm starting to think noise + block-color backgrounds are starting to become a bit cliche.
Sorry, I dont get it. What am I looking at?
Sorry, it might be a bit confusing if you're not used to github. Here is an interactive demo: http://rappdaniel.com/noisy/
It turned out not to be so, but it did take me a lot of control wiggling to figure out what was going on.
Why is this useful?
Aside from sites styles though, it's also a fully functional noise implementation - which could be ported to web based photo/graphics editors.