Before you get too far into this post, maybe read Browser Video Players Review. There I wade into the accessibility of the <video> element based on the video players browsers provide. Then maybe read Scott Jehl’s How to Use Responsive HTML Video (…and Audio!). I am leaning on support in…

We’re living in somewhat of a CSS renaissance with new features, techniques, experiments, and ideas coming at us to an extent we haven’t seen since “CSS3”. It’s easy to feel overwhelmed when your profession seems to be advancing at breakneck speed, but Geoff Graham considers the ways “modern” CSS in 2023 has actually made CSS “easier” to write.

Tables of contents provide a page overview and direct access to specific sections. When designing a table of contents, carefully compare different placement and styling options to maximize usability.

Mobile-first web designs cause significant usability issues when viewed on desktop. Content becomes overly dispersed across long scrolling pages with expansive white space and enlarged images and fonts, making it difficult for users to consume and understand the information.

An evaluation of different processes used to create documentation, and their advantages and disadvantages for the organization, the customer, and the writer.

The browser is very good at prioritizing resources requests on its own. But it's not always great. Priority hints makes it easy to provide explicit instructions as to how and in what network activity occurs.

Learn how to make charts and graphs more accessible.

Web applications often have bugs, which can lead to security issues. To mitigate the risk of such vulnerabilities, developers can use different solutions. One of them is Content Security Policy (CSP).

There’s still a lot of misunderstanding about CWV for SEO. Let’s work it out together.

Using SVG to easily create sparkline charts, and rendering them on the server side with Elixir and Phoenix

How two simple steps improved the responsiveness of Wikipedia's mobile site

If you're not already using performance budgets to prevent regressions, you should be! Here's how to get started.

Ignoring visibility rules... in the very rare cases you need to.... by crell

The Vanilla JavaScript Repository

A modern look at responsive web design.

Better UX through better HTML: inputmode, enterkeyhint, and autocomplete.

Priority Hints are used to indicate to the browser the relative priority of a resource. I take a deep dive into how you can improve your Largest Contentful Paint by using fetchpriority.

We’re often told not to use document.write(), but… why?!