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 »
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!
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 »
You can convert HTML and CSS to SVG directly in a browser. With JavaScript. And JSX.
…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.
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 »
Tailwind is a utility-first CSS framework. The main difference between other frameworks like Bootstrap, is that it doesn’t have ready components as such, but provides base classes that allow you to construct one easily. More details will follow 😉
…How many more times will I google it… It’s time to prepare a URL parameters parser implementation that I can easily reuse.
…Browserify is a bundler that magically normalizes all your npm requirements into something a browser can understand. This means that your whole application can be minified into just 1 script that you can include in a regular HTML page.
Building React/Preact into a standalone script with BrowserifyRead More »
It’s not a secret that JavaScript can be very used for pretty much everything, from calculating simple math to reading binary data and to generating 3D models. In this example we’ll see how to read EXIF data of an image. That is, from JPEG, PNG, TIFF, HEIC/HEIF and WEBP.
…