A Practical Introduction to Responsive Design

Get ready to throw pixels and fixed-width layouts to the wind.
4.2 (239 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
9,119 students enrolled
Instructed by General Assembly Design / Web Design
Free
Start Learning Now
  • Lectures 11
  • Length 1 hour
  • Skill Level Intermediate Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 12/2012 English

Course Description

Designing for the web is no longer what it used to be. The number of devices with web-browsing capabilities is growing at an increasing speed. In order to deliver a solid web experience for your users, it's essential to design for these varying use cases. 

Enter responsive web design. In this class, you will learn the basic concepts and tools needed to design and build a mobile-first responsive web experience. Covering topics such as media-queries, progressive enhancement, setting appropriate breakpoints, and establishing a percentage-based grid — this course will get you up to speed with the basic understanding you need to get started. Get ready to throw pixels and fixed-width layouts to the wind.

What are the requirements?

  • Download course files
  • A text editor

What am I going to get from this course?

  • Employ a percentage-based grid for flexible layouts
  • Craft a mobile-first design strategy to optimize for the mobile user experience
  • Create your own responsive site using class files!

What is the target audience?

  • For anyone who wants to step up their HTML + CSS skills

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Hello.
Article
Section 1: Getting Started
Introduction
02:36
Why Separate Mobile Sites Won't Work
03:16
Let's Get Started
08:37
Section 2: Working in the code
Working the Body
04:53
Give It Some Style
10:23
Media Queries
07:34
Setting Up Your Grid
06:47
Section 3: Finishing Touches
Adding Some Details
04:18
Wrapping Up and Further Reading
06:05
Thank You.
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

General Assembly, Campus for Technology, Design and Entrepreneurship

GENERAL ASSEMBLY IS A GLOBAL NETWORK OF CAMPUSES FOR TECHNOLOGY, BUSINESS, AND DESIGN.

At General Assembly, we offer a new model for learning these skills, one that features emerging content taught by top practitioners with real-world experience. Our global network of campuses not only brings people together – it takes advantage of a new kind of learning-by-doing. Through our curriculum, entrepreneurs receive a pragmatic and multi-disciplinary education at the intersection of technology, design, and business. By connecting entrepreneurs, expert instructors, and motivated thinkers, we're cultivating a multi-faceted community of like-minded individuals united by common goals, shared experiences, and the occasional dance party.

Ready to start learning?
Start Learning Now