FreeCoursesOnline Us Lynda - CSS - Advanced Layouts with Grid

1. 01-Welcome.mp47.18MB
2. 02-Using the exercise files.mp43.19MB
3. 03-Prerequisites.mp41.69MB
4. 04-Terminology.mp45.26MB
5. 05-Define a grid.mp411.02MB
6. 06-Grid lines and units.mp410.46MB
7. 07-Automatic grid item placement.mp43.2MB
8. 08-Manual grid item placement.mp417.71MB
9. 09-Named lines.mp411.05MB
10. 10-Grid areas.mp422MB
11. 11-Grid gap.mp49.82MB
12. 12-CSS Grid means rethinking web layouts.mp47.25MB
13. 13-Start your layouts with pen and paper.mp43.62MB
14. 14-A new approach to backward compatibility.mp44.47MB
15. 15-Accessibility first.mp42.62MB
16. 16-The challenge.mp4986.99KB
17. 17-Overview of the starting point.mp47.9MB
18. 18-Check for grid support.mp42.71MB
19. 19-Create the main grid.mp49.37MB
20. 20-Position items on the grid.mp48.16MB
21. 21-Add a third column for wider viewports.mp417.36MB
22. 22-Breaking the grid.mp411.92MB
23. 23-Justify the grid inside the grid container.mp46.12MB
24. 24-Use white space to perform magic.mp420.38MB
25. 25-The challenge.mp42.02MB
26. 26-Overview of the starting point.mp413.75MB
27. 27-Check for grid support.mp44.55MB
28. 28-Create the shared grid.mp49.35MB
29. 29-Create columns and position grid items.mp411.72MB
30. 30-Make the grid responsive.mp49.75MB
31. 31-The challenge.mp41.13MB
32. 32-Overview of text-based card markup.mp44.28MB
33. 33-Create a grid for each card.mp44.65MB
34. 34-Position items on the grid.mp413.07MB
35. 35-Place the cards on a grid.mp415.06MB
36. 36-Overview of image-based card markup.mp46.41MB
37. 37-Using the grid to stack grid items.mp48.19MB
38. 38-Change the appearance of cards with flex.mp426.37MB
39. 39-Create different-sized grid items.mp410.22MB
40. 40-Create a complex magazine-style grid.mp427.07MB
41. 41-Different off-screen navigation options.mp47.31MB
42. 42-Off-screen to cover navigation overview.mp49.99MB
43. 43-Set up the main grid.mp410.49MB
44. 44-Position the navigation area on the grid.mp412.71MB
45. 45-Hide the navigation area off canvas.mp45.07MB
46. 46-Create a reveal effect using JavaScript.mp410.7MB
47. 47-Improve accessibility of off-screen navigation.mp410.99MB
48. 48-Overview of sliding navigation panel.mp41.48MB
49. 49-Create an overflowing grid.mp49.21MB
50. 50-Slide content in and out of the canvas.mp418.1MB
51. 51-Bonus - Animate the sliding effect.mp428.05MB
52. 52-Conclusion.mp47.04MB