Let's be friends

Introduction

Some of these are experimental.

We’ll put them in order of importance. (our take on that)

Font size

The browser will let you choose a base font size preference. It’s usually something like “small,” “medium,” or “large.”

This is why we suggest taking a look at rem units for body copy and micro copy too.

Reduced motion

Got a wild animation? Well, not everyone wants to see it. So, you can put it behind a flag. It’ll only do its thing – if the user hasn’t explicitly set their preferences to reduces motion.

MDN

Note: you can use window.matchMedia("(prefers-reduced-motion: reduce)"); to hook into these things with JS.

Media Queries Level 5 spec

The size of the window / viewport

You can’t change the size on all devices – but you’ll have to assume that the user can decide what size the viewport will be.

Sounds obvious, but it’s a user preference – right?

This also includes how many bookmarks and addons and chrome that contribute to the clutter.

Zoom

This can be set in preferences or changed on the fly.

Contrast

Still super new, but – something to consider / and be on top of. Looks like it’s going to happen.

MDN

Color scheme

You know that light and dark mode stuff? Users can set this in the larger computer scope.

MDN

Not happening yet

prefers-reduced-data,

Any other new things on the horizon? Or things we missed? Let us know!

Video in the works!

Let's be friends