#Development #Techniques
Flowing WebGL gradient · A modern and elegant touch to any landing page https://ilo.im/163aih
_____
#Effect #Colors #Animation #Gradients #Shaders #Math #WebGL #WebDev #Frontend #JavaScript
#Development #Techniques
CSS-only blurry image placeholders · A minimal technique with a sophisticated mechanism https://ilo.im/163247
_____
#Images #Placeholders #Colors #Gradients #OKLAB #WebDev #Frontend #CSS
Add multiple color steps to your gradients | Penpot release 2.5
https://peertube.kaleidos.net/videos/watch/cb702f9b-a432-4c78-a173-c765cfbcad1c
Linear #gradients appear to have surprisingly sharp transitions at the ends. Every designer had to fight these ramps to have smooth-looking color transitions.
There's an explanation for this effect! The paper has a mathematical model of it (a convolution filter), which in theory could be used in gradient-generators to compute gradients that actually look perfectly linear.
What's new | Penpot Release 2.5
https://peertube.kaleidos.net/videos/watch/cc705b72-f280-4fec-82b4-9863a4422367
#Design #Launches
Mesh Gradient Generator · A superb tool for creating seamless mesh gradients https://ilo.im/162gah
_____
#Generator #Color #Gradients #SVG #Figma #ProductDesign #UiDesign #VisualDesign #WebDesign