Making noisy SVGs

The author’s ongoing fascination with web design and how technology advancements influence it is evident in this article. They discuss a design trend that deviates from clean, flat shapes and instead incorporates noisy or grainy textures in illustrations. The author admits their lack of knowledge regarding the exact label for this style but expresses their enjoyment of it. They explore the challenges of replicating this style with SVGs and how to achieve a noisy, textured shadow effect using the regular SVG specification. Through trial and error, they create an illustration that meets their goal, although it renders differently in Safari compared to other browsers. The author acknowledges the potential for further improvement and references an article by Jimmy Chion on the same subject for additional reading.

https://daniel.do/article/making-noisy-svgs/

To top