Author: Erik

Since I was first given a Commodore64 as a child my love for the keyboard was more than obvious! I’m Erik and I currently work in my own company in italy, where I am deployed as a fullstack developer (or one man army as you prefer). I have been studying graphics and communication but the curiosity has led me to be involved in all aspects of web design, from design to programming. I am the author/contributor of some plugins and templates for WordPress and WooCommerce, follow me on https://github.com/erikyo

ssc test

The video is played every time it returns in the viewport and paused if not ended Video playback controlled by mouse X position (mouse position) Video playback controlled by mouse X position (drag and drop) Use the mouse wheel to control video playback Video playback controlled by Y position Example: Animation – Duration Example: Animation […]

Enable webp avif and heic/heif support for WordPress

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 them are already installed. Ref. https://www.linuxfromscratch.org/blfs/view/svn/general/imagemagick.html Download imageMagick […]

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 […]