I was reading a great post on Lene Saile’s blog and noticed a cool little design feature on her site that highlights a line of text once you scroll to it. Here’s a video so you can see …

The `prefers-reduced-motion` media query has excellent support in all modern browsers going back a couple of years. In this article, Michelle Barker explains why there’s no reason not to use it today to make your sites more accessible.

Writing about the big beautiful mess that is making things for the world wide web.

Let's break down the new accessibility guidelines!

A collection of bad practices in HTML, copied from real websites.

Until recently there was no dedicated method in HTML to identify content as a subheading, subtitle, alternative title or tagline. Now there is.

Most Web forms would have improved usability if the Reset button was removed. Cancel buttons are also often of little value on the Web.

An in-depth course on images for the web.

A guide around how to mark up tabs

Loading critical assets as fast as possible is vital for improving page speed. Learn how to optimise what’s essential and signal it to browsers.

Reliable accessible front-end components: :focus styles, content sliders, dark mode, data charts, date pickers, form styles, navigation menu, modals, radio buttons, "skip" links, SVGs, tabs, tables, toggles and tooltips.

01 — Do we really need to display this table as a table on mobile? 02 — Are some rows/columns more important than others? 03 — What data points are most critical to our customers? https://t.co/TslG3dgeCC”

How to use an SVG as a favicon for your website, considering the light and dark theme detection in the browser using the CSS prefers-color-scheme media feature, with PNG and ICO fallbacks.

A blog written by Steve McKinney, focused on designing with Illustrator and writing maintainable CSS.

An overview of the best way to put an icon next to copy, while preventing it wrapping onto the next line.

Friendly web development tutorials for complete beginners

We recently spent time optimizing our font loading strategy on the Frontend Infrastructure team at NerdWallet. This is what we did and how…

A post by Zach Leatherman (zachleat)

The following is a guest post by Rob Levin. Rob is a Senior UI/UX Developer at Mavenlink, and coauthor of the Unicorn UI CSS Button Library. Their 2.0

At the top of an SVG file’s code are things like DOCTYPE, xml, xmlns, xlink, and version. Here’s what they mean and when you need them.

An extensive CSS reference with all the important CSS properties and info to learn CSS from the basics.

If you want practical tips on how to improve your website, you should watch people using it for the first time - aka first time users.