Collection - HTML5

Our recent articles

HTML5 resources »

On Designing and Building Toggle Switches »

Yesterday I was working on creating the slides and accompanying demos for my upcoming Web Directions Code talk next week. One of the demos I’m creating is a basic proof of concept for a simple switch that is used to switch the theme of a UI from light to dark and vice versa. I liked, and was inspired, by the theme switch in the Medium app.

From Sara Soueidan.

How do you mark up an accordion? »

I made a poll on Twitter the other day asking the #lazyweb how they would mark up an FAQ section — or a list of questions and their corresponding answers. I specifically asked for markup suggestions. Turns out, people mark questions and answers up differently.

From Sara Soueidan.

A11Y Style Guide »

The A11Y style guide comes with pre-populated accessible components that include helpful links to related tools, articles, and WCAG guidelines to make your site more inclusive.

From A11y Style Guide.

Coding for Kids – How to get started »

Knowing how to code is likely to be as fundamental a skill as reading and writing for future generations. Coding for Kids provides a list of resources that will help children start and continue their learning journey.

From Coding for Kids.

Responsive, accessible tables »

This approach is different from others you may have seen in that it uses a valid <table> (and child elements) and acknowledges that screen readers no longer consider <table>s to be tables when you start messing with their display properties.

From Adrian Roselli.

Head »

A free guide to <head> elements. A list of everything that could go in the head of your document.

From Head by Josh Buchea.

Popular topics

On development

On best practice

On content strategy