Learn about the 'overengineered anchoring' pattern, a technique to improve the user experience of scrollable content.

This website is a single HTML file. It simply uses the #anchor suffix (from 1992) and the :target CSS selector to show and hide pages/content. This setup is databaseless, javascriptless, and buildshit-free, so you can edit your website with a text editor and upload it somewhere like a normal person.

The goal is to create anything you want within 1 single html file. Practice your skills with no assistance from libraries, no separation of files, and no assistance of a modern framework. How creative can you be with such restrictions?

CSS Stats provides analytics and visualizations for your stylesheets. This information can be used to improve consistency in your design, track performance of your app, and diagnose complex areas that might benefit from refactoring.

Simple, single-command web publishing. Publish HTML, CSS, and JS for free, without leaving the command line.

Take your frontend skills to the next level by recreating real websites from real companies.

If you have any doubts, then you're the target audience of this guide.

Monospace fonts are dear to many of us. Some find them more readable, consistent, and beautiful, than their proportional alternatives. Maybe we’re just brainwashed from spending years in terminals? Or are we hopelessly nostalgic? I’m not sure. But I like them, and that’s why I started experimenting with all-monospace Web.

Own Your Web is a newsletter by Matthias Ott about designing, building, creating, and publishing for and on the Web. Every other week, I send out an exclusive email full of actionable insights, best practices, hacks, links, books, tools, and other high-quality insights I found or explored. Whether you want to get started with your own personal website or level up as a designer, developer, or independent creator working with the ever-changing material of the Web, this little email is for you. ❤✊ Free. No spam ever. You can unsubscribe at any time. By signing up, you consent to my use of your email address to stay in touch with you, as provided in my Privacy Policy.

Use any email or landing page design to build, edit, and review content with your team.

Simple, powerful, free tools to create and use millions of apps.

An up-to-date, well-tested tool to generate Open Graph meta tags for your website.

An explainer for doing web development using only vanilla techniques. No tools, no frameworks — just HTML, CSS, and JavaScript.

A collection of quick copy HTML snippets for a variety of common scenarios.

I got an email recently from a kind online friend asking to learn about my process or what makes a good website. It's also good impetus for me to be a little more candid and critical about my practice — here's my breakdown on how to make a Good Website.

I write a short article each weekday on web development, ADHD, and more. Get new articles by email or RSS and join over 9.9k others. -- Hate the complexity of modern front‑end web development? I send out a short email each weekday on how to build a better web and more. Join over 9.9k others. If you're human, leave this blank Enter your email address to get Daily Developer Tips emails Get Daily Developer Tips Or subscribe with RSS.