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.
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.
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.