Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Responsive<br />Web Design &<br />Development<br />WithWordPress.<br />
Hello.<br />I’m Michael Bailey.<br />thisisdeliberate.co.uk<br />
Responsive<br />Web Design &<br />Development<br />WithWordPress.<br />
What is<br />responsive web design & development?<br />
“The primary design principle underlying the Web’s usefulness and growth is universality… That means [content] should be a...
A brief history of publishing.<br />Hand.<br />Print.<br />Web.<br />
A flexible canvas.<br />Fixed.<br />Fixed.<br />Flexible.<br />
wordpress.com<br />
“The control which designers know in the print medium, and often desire in the web medium, is simply a function of the pri...
What don’t we know?<br />Speed.<br />Capability.<br />Size.<br />
What don’t we know?<br />Speed.<br />Capability.<br />Size.<br />What do we know?<br />The Content?<br />
Fluid Grids.<br />Flexible Images.<br />Responsive Images.<br />Media Queries.<br />
Kick Ass?<br />
WordPress 2011.<br />
Thank you<br />thisisdeliberate.co.uk<br />Fit to scale - Trent Walton.<br />http://trentwalton.com/2011/05/10/fit-to-scal...
Upcoming SlideShare
Loading in …5
×

Michael Bailey at WP-Brighton 2011 - Responsive Web Design with WordPress

1,358 views

Published on

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

Michael Bailey at WP-Brighton 2011 - Responsive Web Design with WordPress

  1. 1. Responsive<br />Web Design &<br />Development<br />WithWordPress.<br />
  2. 2. Hello.<br />I’m Michael Bailey.<br />thisisdeliberate.co.uk<br />
  3. 3. Responsive<br />Web Design &<br />Development<br />WithWordPress.<br />
  4. 4. What is<br />responsive web design & development?<br />
  5. 5.
  6. 6. “The primary design principle underlying the Web’s usefulness and growth is universality… That means [content] should be accessible from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large.”<br />Long live the Web: A call for Continued Open Standards and Neutrality. <br />(Sir Tim Berners Lee - Scientific American)<br />
  7. 7. A brief history of publishing.<br />Hand.<br />Print.<br />Web.<br />
  8. 8.
  9. 9.
  10. 10. A flexible canvas.<br />Fixed.<br />Fixed.<br />Flexible.<br />
  11. 11. wordpress.com<br />
  12. 12. “The control which designers know in the print medium, and often desire in the web medium, is simply a function of the printed page. We should embrace the fact that the web doesn't have the same constraints, and design for this flexibility.”<br />The Dao of Web Design. <br />(John Allsopp - A List Apart)<br />
  13. 13. What don’t we know?<br />Speed.<br />Capability.<br />Size.<br />
  14. 14. What don’t we know?<br />Speed.<br />Capability.<br />Size.<br />What do we know?<br />The Content?<br />
  15. 15. Fluid Grids.<br />Flexible Images.<br />Responsive Images.<br />Media Queries.<br />
  16. 16. Kick Ass?<br />
  17. 17. WordPress 2011.<br />
  18. 18. Thank you<br />thisisdeliberate.co.uk<br />Fit to scale - Trent Walton.<br />http://trentwalton.com/2011/05/10/fit-to-scale/<br />.<br />Long live the Web: A call for Continued Open Standards and Neutrality - Sir Tim Berners Lee - Scientific American.<br />http://www.scientificamerican.com/article.cfm?id=long-live-the-web<br />.<br />A Dao of Web Design – John Allsopp.<br />http://www.alistapart.com/articles/dao/<br />.<br />Responsive Web Design – Ethan Marcotte.<br />http://www.alistapart.com/articles/responsive-web-design/<br />.<br />Responsive Images: Experimenting with Context-Aware Image Sizing.<br />http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/<br />.<br />A fabulous set of links related to Responsive Web design from Jeremy Keith.<br />http://adactio.com/links/tag/responsive<br />.<br />A great presentation from Sara Cannon including some excellent examples of responsive WordPress websites.<br />http://sara-cannon.com/blog/2011/08/13/responsive-web-design-slides-from-wcsf/<br />

×