Responsive Design for Web Designers

You've created a beautiful website design! Congratulations. The colors are perfect! The logo really pops. The photography is stunning! You're really proud of the work. Until... You look at the design on a mobile device. On mobile, the layout you worked on so carefully is broken. Images don't appear in the right place. The text (where it's still visible) is all the wrong size. The design requires side-scrolling. It's just a mess.

This course takes a mobile-first design approach and explains the "why" behind important responsive design topics like fluid grids, content scale, and cross-device testing. But you're going to get more than a bunch of theory and "should do's"! You're going to get the critical and immediately-applicable HTML and CSS training you need to move the responsive design from your prototype into production. This course features broadcast-quality video, a true no BS "get to the point" structure, in an easily accessible and engaging format.

• Access 12 lectures & 1 hour of content 24/7
• Identify the four elements of responsive Design
• Understand & use a mobile-first design approach
• Understand how & why to design with fluid content grids
• Understand how content scale impacts responsive design
• Execute cross-device preview & testing to ensure designs work on different sized screens
• Utilize the meta tags required in code for responsive design
• Work with the tag to create responsive images
• Create media queries that alter designs for multiple size screens

"Mark does a great job on walking through complicated topics and breaks it down for easier consumption. This course covers the basics of responsive web design that can be used by non-developers to talk to and understand the development process. As well as for existing developers to add responsive design to their tool set. A must for all working on creating websites." – Russ E.

Important Details

• Length of time users can access this course: lifetime
• Access options: desktop & mobile
• Redemption deadline: redeem your code within 30 days of purchase
• Experience level required: intermediate
• Have questions on how digital purchases work? Learn more here

Requirements

• Foundational understanding of HTML and CSS