Convert all PNGs in a folder to WEBP with FFmpeg
FFmpeg is an awesome tool that can convert not only videos but also audio and images.
…Convert all PNGs in a folder to WEBP with FFmpeg Read More »
Snippets
Simple responsive HTML/CSS maintenance page with black-and-yellow construction stripes
Here is a simple maintenance page with a black-and-yellow construction stripe at the top.
…Simple responsive HTML/CSS maintenance page with black-and-yellow construction stripesRead More »
Simple responsive HTML/CSS maintenance page with black-and-yellow construction stripes Read More »
Pure CSS toggle switch
There’s no need to use a library to implement a nice toggle for your project. This can be done with pure CSS and completely zero JavaScript.
…Pure CSS toggle switch Read More »
Save full-page screenshots with Chrome
Whenever you need to save a full-page screenshot, there’s no need to make several screenshots or make your browser window unbelievably large.
…Save full-page screenshots with Chrome Read More »
Convert bytes to megabytes, gigabytes, terabytes without a loop.
What if I tell you you can convert bytes to petabytes without doing a loop and constantly dividing by 1024?
…Convert bytes to megabytes, gigabytes, terabytes without a loop.Read More »
Convert bytes to megabytes, gigabytes, terabytes without a loop. Read More »
Make the whole document editable.
Here’s a small cool trick to make the whole document editable.
document.designMode = 'on';This can also be used with iframes, i.e.
let iframeNode = document.getElementById('myeditor'); // or any other ways to get reference to an iframe
iframeNode.contentDocument.designMode = "on";Try this out with the current page by clicking here!
Make the whole document editable. Read More »
Create array from 0 to N
Let’s go straight to the point. Sometimes you need an Array instead of a for loop. Here are several ways to do it.
Create array from 0 to N Read More »