Mobile First & Responsive Web Design: Build Modern Websites!
Chris Dixon, Web Developer & Online Teacher
-
-
1. Welcome to the course
1:56 -
2. What you will need and useful tools
5:25 -
3. Why mobile first?
2:48 -
4. What is responsive design?
9:42 -
5. Getting started with the fluid grid
7:51 -
6. Relative units
6:29 -
7. Viewport Meta Tag
3:10 -
8. Media Queries & Breakpoints
14:19 -
9. Wireframe with Gliffy
4:20 -
10. Setting up the project
15:43 -
11. Header & Navigation
14:34 -
12. Adding the main content
10:01 -
13. Creating the sign up area & footer
10:41 -
14. Mobile first styling
10:43 -
15. Mobile styles continued & adding media queries
11:06 -
16. Finishing our project
9:01 -
17. Responsive Sliding Carousel
6:19 -
18. Responsive Social Share buttons
8:02 -
19. Responsive images introduction
2:01 -
20. Reducing Image File Sizes
3:44 -
21. Minification & Page Speed Insights
7:12 -
22. Picture Element
12:17 -
23. Adaptive Images
2:23 -
24. Introduction to Flexbox
10:41 -
25. Flexbox grid
7:32 -
26. Holy Grain Layout using Flexbox
8:43 -
27. Flexbox sticky footer
3:02 -
28. Bootstrap Framework
12:02 -
29. JQuery Mobile Part 1
18:33 -
30. JQuery Mobile Part 2
10:00 -
31. Other popular frameworks
3:11 -
32. Thank you
1:15 -
33. Follow me on Skillshare!
0:23
-
About This Class
There has never been a better time to learn responsive web design and take a mobile first approach.
Smartphone and tablet users no longer accept that they should have a poor web browsing experience because of the device they are using. Catering for mobile users is now essential.
This course teaches you how to put your HTML & CSS skills to great use by creating mobile first and responsive websites, which look great on any device.
There has never been a better time to learn responsive web design and take a mobile first approach.
Smartphone and tablet users no longer accept that they should have a poor web browsing experience because of the device they are using. Catering for mobile users is now essential.
This course teaches you how to put your HTML & CSS skills to great use by creating mobile first and responsive websites, which look great on any device.
The web is going mobile, make sure your websites are ready!
Class Projects 2 See All
Students
Projects
-
- --
- Beginner
- Intermediate
- Advanced
- All Levels
- Beg/Int
- Int/Adv
Level
Community Generated
The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.
Hello, My name is Chris and I am a web developer and online teacher. I am passionate about what I do and about teaching others. I have started various online and offline businesses.
Whatever your reason for learning to build websites you have made an excellent career choice.
My personal motivation was to become my own boss and have more freedom and flexibility in my life. I also enjoy the technical challenge it provides and the way it constantly evolves. I built my first website...
Related Classes
Full Stack Web Development for Beginners- Part 1: HTML, CSS, Responsive Design
