ZapMap

of the World

Skip to content
  • Aesthetics
    • Gallery
    • Themes
    • Theme_2019
  • Beginning
    • Blog Design
    • Child Themes
    • CMS
    • Gutenberg
    • Installing
    • Posting
    • Settings
    • Table
    • Templates
    • UX for WP
    • V471 & 2017
    • WC_Sac
    • WP Security
  • Multisite
  • PasswordPress
  • Plugins
    • Streetmap
  • Technical
    • Contact
    • CPT
    • Flexbox
    • Hooks
    • HTML5
    • Javascript
      • jQuery
    • MySQL
      • WP_Query
    • PHP Workout
    • Responsive
  • 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