Streamlining Python Development: A Guide to a Modern Project Setup
Rwd wp-8-14-2012
1. An Introduction to Responsive Design
in WordPress
By Tom Carney
Philadelphia ‘Burbs Meetup, August 14th, 2012
2. What is Responsive Web Design?
Is a concept where the website responds to the
device that accesses it and delivers the appropriate
output for it uses responsive design. Rather than
designing multiple sites for different-sized devices,
this concept designs one site but specifies how it
should appear on varied devices.
3. Core Elements of Responsive Web Design
1. @media-queries are the breakpoints within the
style.css file
2. Fluid media assets: Making sure the guts of the
website fit into each break point.
3. Fluid layout/grid: Using percentages or fluid
measurements (em) instead of static units (px) so
that the site doesn’t need bottom horizontal
scrollbars
4. Good Responsive WordPress Themes
2011 Theme
Responsive and very well coded with current HTML5 and CSS3
standards
http://wordpress.org/extend/themes/twentyeleven
Skeleton
Very simple to use and has a minimal style. Easy to build on or create
child themes off of.
http://demos.simplethemes.com/skeleton/
Twitter Bootstrap
Very flexible, has lots of options to customize it.
http://rachelbaker.me/bootstrapwp-theme-twitter-bootstrap-for-wordpress/
5. Responsive WordPress Plugins
WP Touch Pro
http://www.bravenewcode.com/product/wptouch-pro/
WordPress Mobile Pack
http://wordpress.org/extend/plugins/wordpress-mobile-
pack/screenshots/
8. Questions and Answers
This slideshow is located at
http://slideshare.net/thomascarney/
If you have any questions that haven’t been
answered please contact me via email at
tecdoc42877@gmail.com