Next to Safari 12.1 earlier this month, Firefox 67 now also supports “CSS Color Scheme Queries”. The prefers-color-scheme media feature allows sites to adapt their styles to match a user’s preference for dark or light color schemes, a choice that’s begun to appear in operating systems like Windows, macOS and Android. Chrome will support + […]
Tag Archives: media queries
How to troll frontend web developers
@media only screen and (min-width: 960px) and (max-width: 970px) { body { -webkit-transform : rotate(180deg); -moz-transform : rotate(180deg); -o-transform : rotate(180deg); transform : rotate(180deg); } } That’ll teach them, constantly resizing their browser windows and what not! — Puh! (via)
Why you should write em-based media queries
Lyza Danger explaining us why we should write: @media all and (min-width: 25em) instead of: @media all and (min-width: 400px) The reason: zooming in/out The EMs have it: Proportional Media Queries FTW! →
Hardboiled CSS3 Media Queries
A nice overview summing it all up.