graphic design default

Learn how to create and design responsive webpages that automatically adjust to the many different screen sizes to ensure your visitors a positive tour to your website. Author and web designer Morten Rand-Hendriksen demonstrates how elements within a theme can be altered to guarantee that your website is easily accessible on mobile devices, desktops and tablets through code examples and design strategies and practices. The course helps you learn what screen sizes are most common, how to create responsive themes and add responsive images and videos, how to hide sidebars on mobile devices and add footer widgets, and much more. By the end of the course, you will be fully quipped and ready to create a responsive WordPress theme.

Topics include:
• Why mobile matters
• Starting with a solid theme
• Design first, then develop
• Using media queries
• Creating a responsive header
• Creating a responsive menu
• Creating a responsive main area
• Creating a responsive sidebar
• Creating a responsive footer
• Adding a responsive featured content slider
• Making a responsive index page that dynamically reorganizes with Masonry

Level: Intermediate
Length: 2h 55m
Release Date: August 17, 2012

Here is a preview of the tutorial to give you a good idea of what the tutorial is like:

WordPress: Building Responsive Themes | by Morten Rand-Hendriksen