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. The CSS configuration came with a new simple syntax, which is very close to the way regular CS

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. Reducing what is rendered via template will limit what's possible in terms of layout and intera

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. Since then, I've drop

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 . The usual recipe was

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. Until recently this meant picking a colour, running

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. The approach worked, but had significant downsides: massive CSS output, fragile selectors, and lim

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. Fluid CSS refers to the ability of setting fluid values to CSS properties that change proportio

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...

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. Not only a web page must work well on devices of all sizes and formats, but a websi