ZapMap

of the World

Skip to content
  • About
  • Bay Area
  • California
  • USA
  • Zap-Map UK

Category Archives: Responsive

1) Devices

2016-09-08ResponsiveResponsiveGary Garchar

responsive-illustrations

 

120418

2) New Computing

2016-09-08ResponsiveGary Garchar

device-projection

3) Device Evolution

2016-09-08ResponsiveGary Garchar

contentconsumption

4) Four Sizes

2016-09-08ResponsiveGary Garchar

1-4

mediaqueri.es

myinternetscout.com

meetup.com/The-San-Jose-WordPress-Meetup

4) Templates & Style Sheet

2016-09-08ResponsiveGary Garchar

clientserver4

categories

5) Mobile First

2016-09-08ResponsiveGary Garchar

75-marcotte-inline

6) CSS3

2016-09-08ResponsiveGary Garchar

css3_taxonomy_and_status-v2

7) Cascading

2016-09-08ResponsiveGary Garchar

css

 

css-priority-scheme

8) Width = Device-Width

2016-09-08ResponsiveGary Garchar

viewport



max-width


  • Pixel is a static measurement.
  • Percent and EM are relative measurements.
  • Size of an EM or percent depends on its parent.
  • If the text size of body is 16 pixels, then 150% or 1.5 EM will be 24 pixels (1.5 * 16).

virgin.zapmap.com

9) More Information

2016-09-08ResponsiveGary Garchar

codex.wordpress.org/CSS

css-tricks.com/css-media-queries

developer.mozilla.org/en-US/docs/Web/CSS/@media

en.wikipedia.org/wiki/Cascading_Style_Sheets

htmldog.com/guides/css

make.wordpress.org/core/handbook/best-practices/coding-standards/css

menacingcloud.com/?c=highPixelDensityDisplays

reference.sitepoint.com/css/at-media

saratogameetup.wordpress.com/2012/09/06/12-more-information

w3.org/TR/css3-mediaqueries

w3schools.com/css/css3_mediaqueries.asp

wordpress.tv/?s=Responsive

 

Proudly powered by WordPress