Convert HTML and CSS to SVG
You can convert HTML and CSS to SVG directly in a browser. With JavaScript. And JSX.
…Convert HTML and CSS to SVG Read More »
Frontend
Using <dialog> and :modal
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 »
Building a Preact application into a standalone script with Rollup
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 »
Faster UI development with Tailwind CSS
What is Tailwind?
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 😉
…Faster UI development with Tailwind CSS Read More »
Parse URL parameters with JavaScript
How many more times will I google it… It’s time to prepare a URL parameters parser implementation that I can easily reuse.
…Parse URL parameters with JavaScript Read More »
Building React/Preact into a standalone script with Browserify
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 »
Building React/Preact into a standalone script with Browserify Read More »
How to check image EXIF with plain JavaScript.
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.
…How to check image EXIF with plain JavaScript. Read More »
How to create a simple contact form with Node.js?
Project initialization.
Let’s start by creating an empty folder and initializing our package.json with npm init. We will also include express to set up our application, express-validator to validate the form submission, and mustache (mustache-express) to render the form.
How to create a simple contact form with Node.js?Read More »
How to create a simple contact form with Node.js? Read More »