Responsive Web Design - Wordpress Orlando June 2015
14
Responsive Web Design
-
Upload
david-laietta -
Category
Technology
-
view
15 -
download
0
Transcript of Responsive Web Design - Wordpress Orlando June 2015
What is RWD?
• Optimal viewing AND interaction experience
• Layout adapts fluidly to screen
• Elements are generally flexible
• Love pixel-perfect design? You’ll hate RWD :)
CSS3 Media Queries• Styles can load based on browser width
• Useful to re-style and resize page elements
Responsive JavaScript• Can be progressive - loaded as needed
• Can also be activated based on browser width
PHP - Mobile Detect• https://github.com/serbanghita/Mobile-Detect
• Allows loading of content (and querying database) occur only on screens that it needs to