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 […]
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
Grid Layout
image test
this is an example related to https://github.com/WordPress/performance/issues/75#issuecomment-1027156989
Blog
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 […]
Blog
How convert WordPress media uploads into webp without plugins
While uploading a media into WordPress media library this script automatically generate a webp copy of the uploaded media. Works with jpg, png and pdf previews, add the .webp extension after the original name
Blog
How to preload featured image with WordPress
This simple action will add the preload for post featured image (works both with src and srcset)
Blog
How remove caps-lock from WordPress comments (retroactively)
There are people, sometimes whole departments of companies, who from the day they buy a keyboard to when they throw it away keep the caps-lock on. I don’t understand them and for this reason i made a plugin to convert everything they write to the correct case. It may come in handy if you have […]
Blog
How serve automatically .webp images with Nginx
If your website uses several transparent png images the most convenient and effective optimization is to convert all the media assets to webp format… this will cut heavily the pageload because webp could weigh up to 10% of the original image. There is a way with nginx to hijack the request from standard images formats […]
Blog
How to secure the WordPress login panel with fail2bain (and without plugins)
Securing Your WordPress Site with Fail2Ban and Nginx In the ever-evolving landscape of cybersecurity, fortifying your WordPress site against malicious activities is paramount. One formidable tool in this arsenal is Fail2Ban, a versatile intrusion prevention software that adds an extra layer of protection by monitoring logs for suspicious behavior and taking preemptive actions. How Fail2Ban […]
Blog / Contact form 7
Show a Qr Code on contact form 7 mail submit
This example show how display a QR code on mail submit with Contact Form 7 For first go to the 3rd tab and edit the success message (the first) adding at the end %%[_date]-[_serial_number] (so the message will look like “success message sent %%[_date]-[_serial_number]”) ref. https://wordpress.org/support/topic/show-qr-code-on-successful-submission/
Blog / Contact form 7
CF7 change input value on onChange using jQuery
This example explains how to get a value with jQuery from a select and set another input value dynamically ref. https://wordpress.org/support/topic/most-elegant-way-to-achieve-this/