HTML and CSS3 for Building Responsive Real World Websites

3m 15s 1. Getting started with CSS 5m 20s 2. Colors 5m 23s 3. Classes and ID's 7m 16s 4. The CSS box model 18m 37s 5. Building a simple layout

2m 58s 1. Introduction to web design 8m 40s 2. Beautiful typography 6m 19s 3. Using colors like a pro 3m 30s 4. Working with images 2m 59s 5. Working with icons 3m 13s 6. Spacing and layout 2m 33s 7. Introduction to user experience 1m 29s 8. Getting inspired: the secret ingredient for stunning web design

5m 2s 1. The 7 real-world steps to a fully functional website 5m 47s 2. Starting to put the 7 steps into action 14m 16s 3. First development steps 9m 37s 4. Setting up the fluid grid for responsive web design 15m 48s 5. Building the header - Part 1 20m 57s 6. Building the header - Part 2 19m 7. Building the header - Part 3 14m 47s 8. Building the features section - Part 1 17m 42s 9. Building the features section - Part 2 12m 7s 10. Building the favorite meals section - Part 1 11m 18s 11. Building the favorite meals section - Part 2 8m 27s 12. Building the how-it-works section - Part 1 17m 12s 13. Building the how-it-works section - Part 2 12m 20s 14. Building the cities section - Part 1 15m 56s 15. Building the cities section - Part 2 5m 49s 16. Building the customer testimonials section - Part 1 15m 7s 17. Building the customer testimonials section - Part 2 9m 38s 18. Building the sign-up section - Part 1 18m 38s 19. Building the sign-up section - Part 2 16m 16s 20. Building the contact form form - Part 1 9m 11s 21. Building the contact form form - Part 2 6m 19s 22. Building the footer - Part 1 17m 54s 23. Building the footer - Part 2

19m 7s 1. Making the webpage responsive - Part 1 21m 30s 2. Making the webpage responsive - Part 2 12m 27s 3. A note about web browsers

8m 47s 1. Introduction to jQuery 12m 16s 2. Building a “sticky” navigation - Part 1 10m 25s 3. Building a “sticky” navigation - Part 2 9m 52s 4. Scrolling to elements 14m 15s 5. Adding animations on scroll 19m 31s 6. Making the navigation responsive

4m 43s 1. Final touch: creating a favicon 11m 50s 2. Performance optimization: site speed 8m 2s 3. Basic search engine optimization (SEO) 8m 59s 4. Let’s launch our webpage! 4m 50s 5. Google Analytics

4m 4s 1. Super effective ways to improve your website’s conversion 18m 32s 2. Adding a map to the Omnifood website 22m 54s 3. Using PHP to make our form work