Category: Blog

Install MozJpeg encoder with Ubuntu 20.4

MOZjpeg is a very interesting fork of turbojpeg, it saves on average 10-15% compared to a normal jpeg without losing backward compatibility. Its disadvantage is the time it takes to be encoded (x2.5) and that it lacks the alpha channel that new-gen formats like avif and webp have. A good explanation about the differences of […]

Enable webp avif and heic/heif support for WordPress

WAIT WAIT WAIT! this is a very experimental implementation to extend wordpress images format handling. You are warned to do it so if you know what you are doing and if you are aware that for now avif doesn’t work on apple devices. And also the article isn’t complete so please wait because I’m doing […]

How encode images to webp in browser with vanilla js without plugins

Some days ago, while using a react repo I discovered this method that uses canvas to convert images to webp. Currently it’s not perfect and in some browsers won’t work on some browsers (guess which one: safari) and has a limited support for icc profiles / color space. You can find more info about project […]

close up photo of rainbow colors

Generate HSL color schemes with SCSS and CSS Custom Properties

Here’s how to generate complex HSL color schemes with saturation, lightness and opacity with SASS and CSS variables (custom properties). All you need to do is to set the –color-hue the –color-sat and –color-luma variables that represents the hsl values of your main color. Each color will then be represented as follows: Quick Tips: In […]