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!