Category: Blog

Enable webp avif and heic/heif support for WordPress

Your name Your email Subject Your message (optional) if you need only imageMagick and webp support: if you need only imageMagick-7.x and webp, avif and heic support: First of all, you may want to remove the original imagemagick, since there is no need to keep the old bundled version. Install the needed packages many of […]

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

Your name Your email Subject Your message (optional) 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 […]

close up photo of rainbow colors

Generate HSL color schemes with SCSS and CSS Custom Properties

Your name Your email Subject Your message (optional) 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 […]