CodeResources
Enhancing CSS Layout: From Floats To Flexbox To Grid
Let’s get the best out of CSS Grid as soon as possible.
CodeOpinions
The Difference Between Explicit and Implicit Grids
Something you need to know when working with Grid Layout.
CodeResources
Writing CSS with Accessibility in Mind
Let’s put a little more accessibility consideration in our websites.
DesignSamples
Building the most inaccessible site possible with a perfect Lighthouse score
Never trust scores blindly.
DesignResources
Beyond automatic accessibility testing
6 things you can easily check on every website you build.
CodeSamples
HTMHell: Markup from hell
Bad practices in HTML, copied from real websites.
CodeOpinions
Here’s what I didn’t know about list-style-type
Ways to style bullets and counters.
DesignSamples
One of my favourite accessibility testing tools: The Tab Key
What it will quickly tell you about your website.
CodeResources
Front-end Bookmarks
Articles and talks about HTML, CSS, and JavaScript.
BusinessOpinions
Blogging is one of the best ways of learning
Ways to conquer your fears of public writing and speaking.
CodeSamples
The beauty of progressive enhancement
When you discover that your site also works on a Nokia 3310.
CodeSamples
HTMHell special: close buttons
An analysis of 10 different bad practices and 5 alternatives.
CodeSamples
The lang attribute: browsers telling lies, telling sweet little lies
What issues built-in translation tools might cause.
CodeResources
My current HTML boilerplate
A modern basic structure of a HTML document with explanations.
CodeResources
The button cheat sheet
The right (and wrong) markup for your web buttons at a glance.
CodeResources
Creating custom Emmet snippets in VS Code
Automate repetitive tasks and improve your front-end workflow.
CodeOpinions
Comments first
Why not writing code and comments in reverse order?
CodeOpinions
Element diversity
Why we overuse the div element and neglect the other 111 HTML elements.
CodeSamples
HTMHell special: tasty buttons
A collection of 18 different bad practices found on real websites.
CodeSamples
Debugging HTML: Accessibility
How to debug accessibility features of HTML elements with DevTools.
CodeSamples
Debugging HTML: Linting
Edge DevTools can highlight potential issues in your HTML.
CodeFun
HTMHell Advent Calendar
An article, talk, or tool that focuses on HTML behind each door.
CodeOpinions
Please, stop disabling zoom
What looks like a trend has negative consequences for some users.