Jens Oliver Meiert
Articles and books on the craft of web development, with a focus on HTML and CSS minimization and optimization.
HTML forms the heart of the Web. The beautiful thing is, HTML is easy to learn. Unfortunately, it’s difficult to master. In the Upgrade Your HTML series, I’m taking examples of HTML, discuss these examples, and make them a little better. I’m excited to announce the fourth book of the series.
There’s unstyled and there’s fully unstyled. And then there’s also styled “in a manner that is useful for a developer.”
Spaces, HTTP headers, site generator exports,
cite elements, variable fonts, social logos, no-break spaces, metadata—life is never boring when you run your own websites.
Mastodon is a great alternative to Twitter, feeling refreshingly healthy. Here are 10 things that can help you get off to a great start—from finding a suitable server and interesting people to follow, to useful tooling and mindsets.
What’s the easiest and fastest way to set up dark mode? Depending on the setup, something from one declaration to two rules.
If you’re a vegan and a web developer, why not join us on a humble list of vegan web developers?
You want to redo websites: The advantages are great, and the ability to put a website on a new foundation is a useful one to acquire. But—you also want to iterate, which means to constantly make small improvements over long periods of time. On how a bias for iteration contributes to becoming a better developer.
After the initial analysis for the HTTP Archive’s 2022 Web Almanac, here are 20 more observations about HTML as it’s being used today. From (no) doctypes to conditional comment zombies to verbose form markup to viewports to
Why is the Google error page the way it is? Why is it so plain? What drove development and design decisions? Anecdotes and notes from the time when the page was built.
Automated lossless image compression, mini dark modes, favicon references,
prerender, flat image folders, modest product promotions, compact navigation, theme colors—improvements to my own projects, maybe (or maybe not) of interest to your own.
Welcome to another episode of HTML Concepts! Today, browsing contexts—what is that?
When you looked at the top websites in 2021, you learned that 98% of them included invalid HTML. When you do the same for the Top 100 globally, this year, would things have improved? Updated data, with a look at our field’s inability to produce valid HTML output.
When looking at DX naively, it can seem that it depends on only one factor—DX = ƒ(x). But Developer Experience depends on many factors, and needs to be approached holistically. A quick attempt at sketching just what factors, each of which can tip the scale.
Are you content with your reading? Here’s a collection of tried and tested ideas to help you read more—from switching to ebooks to reading everywhere to establishing routines to embracing short books to varying your reading speed.
There are many website optimization vectors—SEO, performance, accessibility, &c.—, but optimizing on only one dimension may not only be expensive, but also counter-productive. On optimizing optimizations.
About link relationships, Twitterbot, dark mode, tags, addresses, social markup,
Every website and app these days relies on so-called “social markup,” metadata for a richer and prettier display in social media and messaging tools. On the absolute minimum you may need.
Have you wondered how to anchor accessibility in an engineering team, one that isn’t yet producing accessible sites or apps? Some options to start with, for further refinement and discussion.
You may know DALL·E, what you can do with it, what others do with it, and… be intrigued by it, too. And you may wonder, how would AI depict frontend developers?
When you hear “focusable area,” what comes to your mind? Anchors and form elements that receive focus when being “tabbed through,” i.e., that are highlighted and that can be interacted with? That’s not a bad description!—but also not a complete one.
On a game we could stop playing.
You may not use XHTML (anymore), but when you write HTML, you may be more influenced by XHTML than you think. You are very likely writing HTML, the XHTML way.
One can distinguish two approaches to accessibility on the Web: to produce accessible websites and apps (active accessibility), and to produce accessible-making software (passive accessibility). On how largely using one approach would stand in the way of a greater vision for web accessibility.
The fanciest CSS, standing on the shoulders of bloated HTML.
With or without The Complete Conversations with God, The Nature of Personal Reality, and Loving What Is?
In web development, I specialize in HTML and CSS, contribute to technical standards, and write books (like The Little Book of HTML/CSS Frameworks, On Web Development, CSS Optimization Basics, the Upgrade Your HTML series, and The Web Development Glossary).
I love trying things: In philosophy, I’m interested in metaphysics (even in How to Work on Oneself). When it comes to art, I play with photography. And for adventure, I enjoy exploring places (Journey of J.) and activities (100 Things I Learned as an Everyday Adventurer).