Creating Responsive Web Design

Product type
Level
Logo Udemy
Provider rating: starstarstarstarstar_half 8.5 Udemy has an average rating of 8.5 (out of 2 reviews)

Need more information? Get more details on the site of the provider.

Description

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 …

Read the complete description

Frequently asked questions

There are no frequently asked questions yet. If you have any more questions or need help, contact our customer service.

Didn't find what you were looking for? See also: Web Design, Responsive Design, HTML5, CSS, and Hour of Code.

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.

Category: Technology
  • 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...
  • Graphic Designers
  • Web Developers
  • Interaction Designers
  • Usability Experts

Chris Converse is a designer, photographer, and web developer at Codify Design Studio. Chris is a regular featured speaker at Adobe MAX, HOW Design and Interactive Conferences, AIGA, and Mogo Media events. Watch his courses Udemy.com and Lynda.com, Find his video workbooks Bring Your Web Design to Life and Creating Interactive Documents on your favorite bookstore's website, follow him on Twitter, and Facebook, or LinkedIn.

There are no reviews yet.

Share your review

Do you have experience with this course? Submit your review and help other people make the right choice. As a thank you for your effort we will donate $1.- to Stichting Edukans.

There are no frequently asked questions yet. If you have any more questions or need help, contact our customer service.