recentpopularlog in

piperh : queries   34

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
Using Media Queries For Responsive Design In 2018 — Smashing Magazine
Rachel Andrew Smashing Mag article about responsive design currently (Feb 2018) - flexbox and grid reduce the need for MQs.
webdesign  web  design  grid  flex  flexbox  media  queries  mq  responsive  css 
january 2019 by piperh
Concise Media Queries with CSS Grid
within 1st para author says: with CSS grid we can write our grid rules once, and achieve the desired layout at any screen size with a single rule, and without any framework
webdesign  web  design  css  grid  layout  mq  media  queries  flex  flexbox 
november 2018 by piperh
CSS Media Queries: Quick Reference & Guide ← Alligator.io
explains some media queries that I didn't know existed
webdesign  web  design  css  media  queries  @media  webdev 
june 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
SVG & media queries - JakeArchibald.com
article about MQs and svg. With useful explanation of the svg's viewport, the difference between an svg inside img element and inline svg and svg in iframe
webdesign  web  design  css  svg  mq  media  queries  rwd  responsive  image  browser 
october 2016 by piperh
Flywheel | How to use CSS Feature Queries
article explaining css feature queries ( @supports )
webdesign  web  design  css  feature  queries 
october 2016 by piperh
Use Cases For CSS Vertical Media Queries
some examples of when one might use a vertical media query. With code
webdesign  web  design  vertical  media  queries  mq  responsive  css 
july 2016 by piperh
Using Quantity Queries to write content-aware CSS - tomango
Interesting post about quantity queries in css using e.g. nth-last-child and others.
Also, the site has a menu that transitions to completely cover the page.
webdesign  web  design  css  nth-last-child  first-child  quantity  queries  menu  navigation 
october 2015 by piperh
Adapt.js - Adaptive CSS
js method of adapting page to screen size
webdesign  web  design  js  javascript  css  media  queries  responsive 
august 2015 by piperh
7 Habits of Highly Effective Media Queries | Brad Frost Web
Secondly, authoring media queries in relative units allows browsers to adjust the design based on the user zoom level
webdesign  web  design  responsive  relative  pixel  em  unit  layout  css  units  webdev  media  queries 
april 2014 by piperh

Copy this bookmark:





to read