2020-02-26
1140
#css
Kristofer Selbekk
14832
Feb 26, 2020 โ‹… 4 min read

New media queries you need to know

Kristofer Selbekk Bekker. Bulldog owner. Dad. React enthusiast. ๐ŸŽฉ๐Ÿฅ‚๐Ÿ”

Recent posts:

8 Reasons Your Next.js App Is Slow โ€” And How To Fix Them

8 reasons your Next.js app is slow โ€” and how to fix them

You donโ€™t need to guess whatโ€™s wrong with your Next.js app. Iโ€™ve mapped out the 8 biggest performance traps and the fixes that actually work.

Chizaram Ken
Jun 20, 2025 โ‹… 16 min read
how to truncate text in CSS (single and multi-line)

How to truncate text in CSS (single and multi-line)

Learn how to truncate text with three dots in CSS, and use two reliable CSS text truncation techniques while covering single-line and multi-line truncations.

Chinedu Okere
Jun 20, 2025 โ‹… 10 min read
how to use the Interest Invoker API for better, more accessible UX

How to use the Interest Invoker API for better, more accessible UX

Explore how to use Googleโ€™s new experimental Interest Invoker API for delays, popovers, and smarter hover UX.

Emmanuel John
Jun 19, 2025 โ‹… 7 min read
How To Build And Deploy A Web App With Bolt.new

How to build and deploy a web app with Bolt

Bolt.new revolutionizes how you build and deploy web apps with no-code development and seamless AI integration.

Isaac Okoro
Jun 19, 2025 โ‹… 8 min read
View all posts

5 Replies to "New media queries you need to know"

  1. These sound good but how good will they actually be in practice? For example, I don’t have any problems with animations (things can fade in or slide in and it does not bother me), but I absolutely hate repeating animated GIFs or animations. I have to attempt to scroll them off the screen or cover them up with my hand to be able to read the surrounding content. Setting prefers-reduced-motion is an all or nothing proposition. I have to lose all animation to turn off the things that actually bother me. And how does one set these preferences? How many users know that they have to go into their OS settings and turn off all animations (at least on Windows) to set prefers-reduced-motion? I guess we will see once they go into common use.

  2. You really missed forced-colors here. It’s the “extrem” Dark mode for people the eye sight issues.

  3. Hello, Kristofer Selbekk

    My name is Richie Pu, a Web UI developer from Tencent Game Platform and Publish Design Center (short for P&P Design) .

    we volunteer to run a site in Wechat which other designers in China can subscribe it to get the latest news or articles about the Game Design.

    When we read the article “New media queries you need to know” , we think it should also be read by Chinese Designer & Web Developer. However we have to translate the English version to Chinese firstly by ourselves. This why we send you an E-mail to ask your permission of the translation right here.

    Any question can reply to me. Hope to hear your voice.
    Thank you!

    1. Hi Richie, LogRocket editor here. Thanks for the love. For now, our policy is that we do not approve translations on third-party sites.

Leave a Reply