Responsive Design for Web Designers

1 Hour
$19.99$200.00
You save 90% -

12 Lessons (1h)

  • Your First Program
  • Course Intro
    Welcome to the Course2:21
    Tool of the Trade3:09
  • Foundations of Responsive Design
    The Four Elements of Responsive Design4:28
    Mobile First Design4:17
    Understanding Fluid Grids6:20
    Understanding Content Scale4:15
    Cross Device Preview and Testing5:29
  • Coding Responsive Design
    Responsive Design Meta Tags3:16
    Responsive Images with6:17
    Responsive Text6:12
    Media Queries3:40
  • Wrapping up
    Where to Go From Here0:43

Learn How to Create Flexible Designs That Truly Look Excellent on Every Screen with This 1-Hour Course from Mark Lassoff

ML
Mark Lassoff

Mark Lassoff | Programming Instructor

4.4/5 Instructor Rating: ★ ★ ★ ★

Five years ago Mark parlayed two decades of software development experience into his latest entrepreneurial venture, LearnToProgram Media.

LearnToProgram Media publishes online courses that teach mobile, web, and game development. Over 500,000 people have learned programming from Mark through online classes he has either authored or published. In addition to publishing popular courses and books, LearnToProgram Media operates an internet video network that produces several programs on software development.

Description

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.

4.6/5 average rating: ★ ★ ★ ★

  • 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.

Specs

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

Terms

  • Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.