dan—webnotes

2026-07-14 The joy of extending Tailwind One of the biggest upgrade that came with Tailwind 4 has been the new CSS-based configuration and extensibility system.

2026-07-01 A Self-maintaining filesystem for static blogs I've just finished revamping the folder structure of this blog's content to include the date in the file name as in yyyy-mm-dd-post-title.md This finally made opening the posts folder manageable as…

2026-06-28 CSS tricks for markdown blogs All the post content you are reading here comes from a single markdown file converted into HTML and stylized with CSS.

2026-06-07 Lessons from a reusable web component Many people commented that they expected the CSS-native parallax effect to have an interactive demo, so I re-opened and modernized a small code-sandbox web component I built last year.

2026-06-02 CSS-native parallax effect Parallax effects have a long history, and while there are countless ways and libraries to achieve them, a new CSS-native way was recently made possible with CSS Scroll-driven animation timelines.

2026-05-16 Contrast-proofing colors Previously in Text selection color, I covered how the most important thing to keep in mind when setting custom highlight colors, is keeping the contrast high enough.

2026-01-17 PostCSS Clampwind In my previous post, Generate fluid styles with a Tailwind plugin I explored generating fluid styles with a Tailwind v3 plugin.

2025-07-02 Generate fluid styles with a Tailwind plugin Tailwind is great and can do a lot of things, but it hasn't yet been adapted to generate fluid styling.

2025-02-02 Convert any webpage to SVG and plot it Here is how this was achieved: Run a Node application that fetches a URL, uses mozilla/readability to turn that page to a simplified document with only the minimally-styled page content, what you normally…

2025-01-17 Paper over files: print a blog post in plain markdown Front-end developers spend a lot of time thinking about the way a website content is going to be consumed.

2025-01-11 A code-sandbox web component This is a fork of code-sandbox web component from Chris Ferdinandi for displaying an interactive code sandbox for HTML, CSS and javascript, similar to what CodePen does.

2025-01-06 Serve static files with Eleventy Eleventy is a static site generator that can be configured to do everything that you can imagine.

2025-01-04 Vanilla project starter template It's quite a common experience for front-end developers go picking up a project that's not been touched for a while and find it hard to get a development environment running in a few minutes.

2025-01-04 Web components and Eleventy The curse and the beauty of Eleventy is that there are a many ways to achieve something.

2024-07-21 Using new Oklch colors to remove dependencies Whenever a new web-development feature is released and gradually makes its way into the most used browsers, it can bring excitement to developers.

2024-02-07 Use a 3D printer as a pen plotter I wanted to add to my 3D printer the ability to pick up a pen and start drawing.

2023-12-29 Wiring the Sonoff inside the Ender Power Supply Unit The last missing piece to this project is to wire the Sonoff to have it sit nicely inside the Ender Power Supply Unit.

2023-12-02 Auto-shutdown a 3D printer with Raspberry Pi and ESPHome One thing that I am not a fan of, is the 3d printer's fan staying on for hours after the print is finished.

2023-11-24 A single enclosure for the Raspberry Pi and the Ender 3 electronics Since I never wanted to have a separate box for the Raspberry Pi, I searched on Thingiverse for a case that could fit together the Raspberry Pi, a few buck converters and the C…

2023-07-21 Text selection color Utilities is one of those words that make web developers recall when you needed complex tricks to have a rounded button or a nice gradient.

2023-04-23 Update the SVG favicon and pseudo-elements dynamically I really like the tiny coloured circle, this post explains what I learned from trying to put it in places that require some hacks to have it change colors dynamically.

2023-02-26 A technique for generating beautiful color gradients There is only one non-black-and-white piece in the whole UI which is the color gradient circle in the homepage and in the header of the posts.

2023-02-24 This blog as a documentation for my projects My goal from the beginning is to have this website as a companion for my projects, a place to document their progress.

2023-02-24 Markdown is the paper of the web The Markdown philosophy states that it's always been a format intended to be easy to write and read, specifically intended for publishing on the web.

2023-02-21 How to build a minimalist Markdown blog with Eleventy Anybody who ever started a new blog knows the feeling of pursuing a long list of features, only to get overwhelmed by the growing complexity.

2023-02-19 Setup a blog with Eleventy 2.0, Tailwind and Alpine.js Hello world!