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 »
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 »
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 »
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 »
Let’s chew down another issue: we have a /public folder with images, and depending on the browser we want to serve a WEBP or AVIF to save bandwidth and decrease page load time.
…Automatically serve .webp or .avif with Node.js based on browser request headers.Read More »
Automatically serve .webp or .avif with Node.js based on browser request headers. Read More »
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 »
Cash is an absurdly small jQuery alternative weighing only 16 KB minified, and 6 KB gzipped.
…Transition from jQuery to a slimmer alternative framework (💰 Cash)Read More »
Transition from jQuery to a slimmer alternative framework (💰 Cash) Read More »
You can convert HTML and CSS to SVG directly in a browser. With JavaScript. And JSX.
…Convert HTML and CSS to SVG Read More »
With a new :modal CSS pseudo-class landing in Chrome 105, we now have a full support in 4 major browsers including Chrome, Edge, Firefox and Safari.
Using <dialog> and :modal Read More »
Rollup is a module bundler for JavaScript, made for speed and simplicity of setup. It also does tree-shaking (imports only the functionality you actually imported), supports JSX compilation and provides other neat functionality.
…Building a Preact application into a standalone script with RollupRead More »
Building a Preact application into a standalone script with Rollup Read More »