UX Magazine

Defining and Informing the Complex Field of User Experience (UX)
July 2, 2012

Creating Responsive Web Design

Running time: 92 minutes

Learn to create a web design that automatically conforms itself to multiple screen sizes. This course will show you a step-by-step process for creating a design that rearranges content, resizes elements, and adapts itself based on the size of your visitor's screen size.

Learn how to reposition the main navigation of the site based on the device browsing your website.

We'll create a web design that makes use of HTML5 and CSS3, while maintaining backwards compatibility with older browsers. The secret ingredient of CSS3 that makes this all possible is the media querying capability. CSS media queries allow us to define CSS rules based on screen size, and ultimately give us precise control over how our designs adapt to different screen sizes. In addition to adjusting layout, we'll explore using CSS to define all imagery in our design, allowing us to send optimized imagery along with our customized design experience.

Apply varied amounts of compression to images to optimize download speeds across devices.

Course includes HTML, CSS, and Photoshop templates for use in your own multiscreen web design projects.

Table Of Contents

  • Over 11 lectures and 1.5 hours of content!
  • Learn CSS3 media queries.
  • Integrate Google's HTML5 Shiv JavaScript.
  • Make CSS rules specifically for Internet Explorer.
  • Learn image slicing and optimization techniques in Photoshop.
  • Develop strategies for HTML markup.
  • Consider design adaptations for multiple screens.
  • and much more...

PURCHASE SEMINAR

Price
$150
No Of Lectures
11
No Of Hours
1.5 hours
  • How long do I have access to the course materials?
    You can view and review the lecture materials indefinitely, like an on-demand channel.
  • What is the refund policy on the course?
    We like to keep our users happy, so we have a 30-day no questions asked refund policy. Send an email to support@udemy.com for refund requests.
  • Can I take my courses with me wherever I go?
    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!