recentpopularlog in

piperh : rwd   21

Material Design
Google's material design site - some very handy resources and info and a link to their brilliant 'resizer' for testing rwd
webdesign  web  design  rwd  material  google  resources  gallery  guidelines  icons 
november 2016 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
Musketeer
simple tester for media queries. Shows a site on 4 diff sizes. Seems to work well, allows js functionality, too. For a non-rwd site (eg Survey Design) it doesn't shrink down the page to fit the screen width like a real mobile would.
You must enter full address inc http://www.
webdesign  web  design  rwd  test  tester  screen  size  mobile  tablet  desktop  laptop  tool 
october 2016 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
Is jQuery Too Big For Mobile? | Flippin' Awesome
article about load times for jquery on mobiles. Inconclusive though makes me think jquery is OK. At least, better than the checkbox hack.
jquery  js  mobile  javascript  performance  rtt  speed  load  time  responsive  rwd  webdesign  web  design  latency  http  request 
may 2014 by piperh
Responsive Navigation Demo: Toggle Pattern
accordion dropdown toggle for narrow screens, but needs jquery and uses the checkbox hack (so, not semantic)
rwd  responsive  web  design  webdesign  menu  navigation  toggle  jquery  script  dropdown  checkbox  hack 
may 2014 by piperh

Copy this bookmark:





to read