Good little collection of tips for creating responsible (= responsive + accessible) web applications by Joy Heron.
With modern HTML and CSS, we can create responsive and accessible web apps with relative ease. In my years of doing software development, I have learned some HTML and CSS tips and tricks, and I want to present these in this post. This list is not exhaustive, but these are tried and true patterns that I frequently use in different projects.
A shame she calls them “tips and tricks” though, as there for example is no “trick” to using proper headings and landmarks — It is a basic idea/pattern every frontend dev should know about and apply, no magic needed.
Responsible Web Applications →
Sidenote: You might want to refrain from using the
<details> as an accordion though …