At Halfstack Conf in May I gave a presentation on what I think responsive design should be about in 2020 and what it will be about going forward: responding not just to static device properties like width and height but also to user preferences like preferring dark mode or reduced motion. The recording of it is out now, check it here:
The number input type provides a nice way for to deal with numbers. You can set bounds with the
max attributes and users can press up and down to go add or remove 1, or if you add the
step attribute, go up or down by a step. But what if we want to let the user go up or down with different step sizes?
Media queries are what make modern responsive design possible. With them you can set different styling based on things like a users screen size, device capabilities or user preferences. But how do they work, which ones are there and which ones should you use?
Accessibility is not like drowning. I mean it obviously isn’t, but let me explain why I’m comparing the two. Today is Global Accessibility Awareness Day, and there’s something I want to talk about.