recentpopularlog in

piperh : query   17

Exploring prefers-reduced-motion / Stoyan's phpied.com
most modern browsers now support prefers-reduced-motion CSS media query. Which means you can skip animations for people who don't want them.
webdesign  web  design  css  media  query  reduced  motion  prefers-reduced-motion  accessibility 
8 weeks ago by piperh
Don't Use Em for Media Queries
article saying that Safari's bug means MQ break points in ems are wrong when user is zoomed. Concludes that only pixels are consistent across all browsers.
Final paras: "But what if the user has changed their browser's default font size?"
The short answer is set an explicit root font size in pixels. It will override the user's custom default font size which is mildly annoying for the user, but it will force them to zoom instead which always behaves the way you want.
webdesign  web  design  screen  media  query  unit  responsive  size  break  point 
may 2019 by piperh
How @supports Works | CSS-Tricks
about the usefulness or not of @supports
webdesign  web  design  code  coding  @support  css  query  queries 
march 2019 by piperh
Another Collection of Interesting Facts About CSS Grid | CSS-Tricks
follow up to 'A Collection of Interesting Facts about CSS Grid Layout'
webdesign  web  design  css  grid  feature  query  sticky  footer  row  column  layout 
may 2018 by piperh
QSS - A Simple Query Syntax
QSS, A Simple Query Syntax for CSS Element Queries. This could be worth studying and understanding
webdesign  web  design  css  element  query  queries  syntax 
january 2018 by piperh
Simple CSS Media Query Generator
online tool for finding generic or specific device screen dimensions. Gives MQ code for you.
webdesign  web  design  rwd  responsive  code  mq  media  query  list  reference  css  breakpoint  width  size  screen  platform 
september 2016 by piperh
Using media queries - CSS | MDN
Mozilla page outlining use and syntax for MQs
webdesign  web  design  media  query  style  sheet  mdn  mozilla  developer  webdev  css  code  coding  syntax  reference 
january 2016 by piperh
Can I use... Support tables for HTML5, CSS3, etc
browser support for MQ "interaction media features".
Allows a media query to be set based on the presence and accuracy of the user's pointing device, and whether they have the ability to hover over elements on the page. This includes the pointer, any-pointer, hover, and any-hover media features
webdesign  web  design  css  mq  media  query  feature  pointer  hover 
january 2016 by piperh
joeldbirch/superfish · GitHub
not vanilla - requires jQuery. Dropdown menus for hover and touch
webdesign  web  design  menu  dropdown  query  js  javascript  hover  touch 
november 2015 by piperh

Copy this bookmark:





to read