Upload
wp-brighton
View
973
Download
2
Tags:
Embed Size (px)
Citation preview
ResponsiveWeb Design &DevelopmentWith WordPress.
Hello.I’m Michael Bailey.thisisdeliberate.co.uk
ResponsiveWeb Design &DevelopmentWith WordPress.
What isresponsive web design & development?
“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.”
Long live the Web: A call for Continued Open Standards and Neutrality.
(Sir Tim Berners Lee - Scientific American)
A brief history of publishing.
Hand. Print. Web.
A flexible canvas.
Fixed. Fixed. Flexible.
wordpress.com
“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.”
The Dao of Web Design.
(John Allsopp - A List Apart)
What don’t we know?Speed.Capability.Size.
What don’t we know?Speed.Capability.Size.What do we know?The Content?
Fluid Grids.Flexible Images.
Media Queries.Responsive Images.
Kick Ass?
WordPress 2011.
Fit to scale - Trent Walton.http://trentwalton.com/2011/05/10/fit-to-scale/
.Long live the Web: A call for Continued Open Standards and Neutrality - Sir Tim Berners Lee - Scientific American.
http://www.scientificamerican.com/article.cfm?id=long-live-the-web.
A Dao of Web Design – John Allsopp.http://www.alistapart.com/articles/dao/
.Responsive Web Design – Ethan Marcotte.
http://www.alistapart.com/articles/responsive-web-design/.
Responsive Images: Experimenting with Context-Aware Image Sizing.http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/
.A fabulous set of links related to Responsive Web design from Jeremy Keith.
http://adactio.com/links/tag/responsive.
A great presentation from Sara Cannon including some excellent examples of responsive WordPress websites.http://sara-cannon.com/blog/2011/08/13/responsive-web-design-slides-from-wcsf/
Thank youthisisdeliberate.co.uk