A Practical Introduction to Responsive Design
4.4 (293 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.
10,158 students enrolled
Wishlisted Wishlist

Please confirm that you want to add A Practical Introduction to Responsive Design to your Wishlist.

Add to Wishlist

A Practical Introduction to Responsive Design

Get ready to throw pixels and fixed-width layouts to the wind.
4.4 (293 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.
10,158 students enrolled
Created by General Assembly
Last updated 12/2012
English
Price: Free
Includes:
  • 1 hour on-demand video
  • 2 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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!
View Curriculum
Requirements
  • Download course files
  • A text editor
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.

Who is the target audience?
  • For anyone who wants to step up their HTML + CSS skills
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 11 Lectures Collapse All 11 Lectures 54:49
+
Hello.
1 Lecture 00:02
Hello.
00:02
+
Getting Started
3 Lectures 14:29
Introduction
02:36

Why Separate Mobile Sites Won't Work
03:16

Let's Get Started
08:37
+
Working in the code
4 Lectures 29:37
Working the Body
04:53

Give It Some Style
10:23

Media Queries
07:34

Setting Up Your Grid
06:47
+
Finishing Touches
3 Lectures 10:25
Adding Some Details
04:18

Wrapping Up and Further Reading
06:05

Thank You.
00:02
About the Instructor
General Assembly
3.9 Average rating
1,866 Reviews
103,002 Students
14 Courses
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.