Making HTML tables responsive can be a tricky task. There are many approaches available, but not all are suitable for a content management system.
Collection - HTML5
Our recent articles
HTML5 resources »
The dialog element »
Simplify pop-ups and modals using the HTML dialog element.
From Viget.
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.
Draggable from Shopify »
A lightweight, responsive, modern drag & drop library.
From Shopify.
Inclusive Components: A pattern library of accessible components for the web »
A blog trying to be a pattern library, with a focus on inclusive design. Each post explores a common interface component and comes up with a better, more robust and accessible version of it.
From Inclusive Components .