Responsive Design for Web

Necomitt Academy
Last Update September 13, 2022
0 already enrolled

About This Course

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.

Uh oh.

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. You need responsive design! And in Responsive Design for Web Designers, that’s just what you will learn.

The world of design has changed and it’s no longer easy to predict the type of screen that your work will be viewed on. However, it is possible to employ responsive design and optimize your designs so they work across the broad array of screens in use today.

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.

Enroll now and learn the foundations of responsive design so you can create designs that truly look excellent on every screen.

Learning Objectives

Identify the four elements of responsive Design
Understand how and why to design with fluid content grids
Understand and use a mobile-first design approach
Understand how content scale impacts responsive design
Execute cross-device preview and 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

Curriculum

12 Lessons

Responsive Design for Web Designers

Welcome to the Course00:2:22
Tools of the Trade00:3:10
Four Elements of Responsive Design00:4:29
Mobile Design Process00:4:18
Fluid Grids00:6:21
Content Scale00:4:16
Cross-Device Preview & Testing00:5:30
Meta Tags for Responsive Design00:3:17
Responsive Images with00:6:18
Responsive Text00:6:13
Media Queries00:3:41
Thank You and Good Bye00:00:44

Your Instructors

Necomitt Academy

5.0/5
72 Courses
2 Reviews
37 Students
See more

You don't have credit card details available. You will be redirected to update payment method page. Click OK to continue.

Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
Click outside to hide the comparison bar
Compare

Don't have an account yet? Sign up for free

Connect with

or Log-in with