Responsive Design

In February 2019, WebAIM conducted an evaluation of the home pages for the top 1,000,000 web sites using the WAVE stand-alone API (with additional tools to collect site technology parameters). While this research focuses only on automatically detectable issues, the results paint a rather dismal picture of the current state of web accessibility.

Just when you think CSS is completely forgiving in its syntax here is an example where it will ignore your CSS rules. I would have thought it would skip over selectors it didn’t recognise, but it seems that if one is invalid (not recognised) it skips the whole group and rules altogether.

This is a great example where someone takes something amazing that has been created and available on the web and reproduces it to make it even more amazing. Find, learn, re-purpose, repeat. This is just the article on the process, the cheatsheet itself is in the tools section below

@supports is great for creating progressively enhanced features within CSS. A few years ago I was annoyed with @supports because a lot of the CSS features I wanted to test for weren’t supported in browsers that also didn’t support @supports, nightmare! Fortunately there’s only two potential browsers you’re supporting (I hope) that don’t have @supports […]