One Design for Every Device: An Introduction to Responsive Web Design
Spencer Schimel, Product Designer at Skillshare
-
-
Introduction
2:00 -
Preface: Why Responsive is Important
3:34 -
Project: Design a Homepage Responsively
1:26 -
What is a Grid System?
4:27 -
Creating a Grid
6:19 -
Live Breakpoint Demo
5:56 -
Determining Breakpoints
4:58 -
Conclusion
0:50
-
About This Class
Join Skillshare Product Designer Spencer Schimel for this introductory class on responsive design. Learn the basics of creating an underlying grid system with breakpoints — the system allowing your design to adjust appropriately between desktop, tablet, and mobile screens of any size.
Whether you start fresh with a new design or adapt an existing design, you'll create pages that look great and are more usable to visitors on any device.
Class Projects 8 See All
111 of 121 students recommendSee All
Really Helpful, Simple and easy to understand
This class is great to learn responsive web site - how to plan your layout for different browser sizes.
Ernest Chan
web designer
As the title indicates, this is an introduction. It's a good review of the basic principles.
I'm Spencer, a digital product designer at Skillshare since 2014. Prior to Skillshare I worked on products such as Artsy and Nike+ Running. Most of my paycheck goes to frozen yogurt.