Modifying visible media through code has all the time been a fascination of mine. Most likely as a result of I am not a designer and I have a tendency to stay to what I am good at. One visible impact I like is seeing video reversed — it offers a typically hilarious perspective on a given occasion.
Take this reversed water impact for instance:
To reverse an animated GIF or video, you need to use the ImageMagick library:
convert water-forward.gif -coalesce -reverse -quiet -layers OptimizePlus -loop 0 water-reversed.gif
For those who’re fascinated about media engineering, take a look at my earlier ImageMagick tutorials. These superior media libraries are as near an artist I’ll ever get!
Spoiler Prevention with CSS Filters
Nobody likes a spoiler. Whether or not or not it’s a picture from an upcoming movie or the results of a soccer match you DVR’d, typically you simply do not wish to know. As a attainable supplier of spoiler content material, some websites might select to warn customers forward…
Easy Picture Lazy Load and Fade
One of many quickest and best web site efficiency optimizations is reducing picture loading. Meaning a wide range of issues, together with minifying pictures with instruments like ImageOptim and TinyPNG, utilizing information URIs and sprites, and lazy loading pictures. It’s kind of jarring if you’re lazy loading pictures and so they simply…
Supply hyperlink
