Mobile First Responsive Web Design

This course is an introduction to concepts behind mobile-first responsive web design.
Course info
Rating
(458)
Level
Intermediate
Updated
Apr 29, 2013
Duration
2h 57m
Table of contents
Description
Course info
Rating
(458)
Level
Intermediate
Updated
Apr 29, 2013
Duration
2h 57m
Description

Responsive web design is a recent strategy for building web sites that can respond and adapt to multiple devices and their respective resolutions. Mobile first is the concept of creating the design for your mobile web site first, and then building out that design for larger resolutions. This course covers the concepts that developers need to know to be able to work in this new way of designing web sites.

About the author
About the author

Although Jon spent the first few years of his professional life as an attorney, he quickly found chasing bits more interesting than chasing ambulances. Since 2011, Jon has been concentrating on the mobile world. Working mainly in iOS, Jon has helped numerous companies create and transform mobile teams into teams that can create, build, test, and deploy mobile applications with ease.

More from the author
Introduction to SQL
Beginner
3h 2m
Dec 20, 2017
Getting Started with Augmented Reality
Beginner
2h 43m
Nov 2, 2016
Building Facebook Applications Using iOS
Intermediate
3h 42m
Aug 19, 2013
More courses by Jon Flanders
Section Introduction Transcripts
Section Introduction Transcripts

Introduction
Hi. This is Jon Flanders with Pluralsight, and this course is entitled Mobile First Responsive Web Design. So, besides all the buzz words in the title, what is this course about? This course is about this little doohickey thing here. This is a picture of a smart phone. And starting with the iPhone in 2007 and up till today, the mobile web browsers out there in the world are just getting bigger and bigger. They're not getting bigger, I mean the number of them that are accessing our sites on their mobile devices is growing, and it's growing faster than anybody ever anticipated. So, this course is about ways that you can not only react to this, but take advantage of it and use it as a way to make your websites and your web applications even better than they were before.

Mobile First Responsive Web Design - Layout in a Responsive World
Hi. This is Jon Flanders with Pluralsight, and in this module I'm going to be talking about Layout in a Responsive World. So, this module is about one thing really, and one thing only, which is fluidity, which is talking about building a mobile-first responsive design that is fluid. Now, there are a couple approaches to responsive design as I mentioned in the introductory module. One is to use an adaptive approach, and one is to use fluidity or a fluid design. I'm going to be talking about fluidity in this particular module, and in the next module, we'll talk more about adaptive design.

Applying mobile-first responsive web design features
Hi. This is Jon Flanders with Pluralsight, and in this module I'm going to talk about Applying Responsive Features. This module is about this little symbol here, which is the symbol for CSS3 that goes along with HTML5. So, this module is going to be about CSS3 features that help you to apply a responsive design.

Mobile first forms
Hi. This is Jon Flanders from Pluralsight, and in this module I'm going to talk about HTML First Responsive Forms. So, this module is about something pretty straightforward, which is gathering input from your users.

Performance
Hi. This is Jon Flanders with Pluralsight, and in this module on Mobile-First Responsive Design, I'm going to talk about performance. So, the basic idea behind this module is that every millisecond counts, especially if your mobile users are accessing your site at 3G speeds or even slower.

Responsive design tools
Hi. This is Jon Flanders with Pluralsight, and in this module I'm going to talk about some Responsive Web Design Tools. The idea behind this module is pretty simple. I wanted to put together a number of links that you might find useful as you are trying to learn about and implement a Responsive Web Design.