ZapMap

of the World

Skip to content
  • Aesthetics
    • Themes
  • Beginning
    • Blog Design
    • CMS
    • Installing
    • Plugins
    • Posting
    • Settings
    • Templates
    • UX for WP
    • V471 & 2017
    • WP Security
  • Child Themes
  • Flexbox
  • HTML5
  • Technical
    • Contact
    • CPT
    • Javascript
      • jQuery
    • MySQL
    • Multisite
    • PHP Workout
    • Responsive
  • WC_Sac

Category Archives: Responsive

1) Devices

ResponsiveResponsiveGary Garchar

responsive-illustrations

 

120418

2) New Computing

ResponsiveGary Garchar

device-projection

3) Device Evolution

ResponsiveGary Garchar

contentconsumption

4) Four Sizes

ResponsiveGary Garchar

1-4

mediaqueri.es

myinternetscout.com

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

4) Templates & Style Sheet

ResponsiveGary Garchar

clientserver4

categories

5) Mobile First

ResponsiveGary Garchar

75-marcotte-inline

6) CSS3

ResponsiveGary Garchar

css3_taxonomy_and_status-v2

7) Cascading

ResponsiveGary Garchar

css

 

css-priority-scheme

8) Width = Device-Width

ResponsiveGary 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

ResponsiveGary 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