Practical CSS Layouts

Focused View

8:58:00

12 View

1. Introduction.mp4

08:22

2. Styleguide Exercise CSS Basics Setup.mp4

13:33

3. rem vs. em Units.mp4

06:38

4. Style Guide Type Sizes.mp4

14:13

5. Custom Font & Responsive Image.mp4

11:27

6. HTML Markup for a Simple Website.mp4

18:41

7. CSS for a Simple Responsive Layout.mp4

10:34

8. Mobile Tour Styles.mp4

07:06

9. Reviews & Images Styles.mp4

09:53

10. Margin Collapse.mp4

05:10

11. Basic CSS Footer Styles.mp4

02:12

12. CSS for Tablet Layout.mp4

07:38

13. Responsive Images with the Picture Element - Practical CSS L.mp4

08:00

14. Basic Tablet CSS Layout.mp4

16:25

15. CSS Styles for Desktop Layout.mp4

10:19

16. Tour Page Styles.mp4

13:09

17. Button Styling Practice.mp4

06:51

18. Button Interactive States.mp4

08:27

19. Tour Text Styles.mp4

04:58

20. Tour Layout Practice.mp4

11:16

21. Album & Tracklist Exercise.mp4

04:27

22. Album Solution.mp4

03:06

23. Album Styles.mp4

07:18

24. Tracklist Styles.mp4

09:38

25. Reviews & Images Mobile Styles.mp4

08:42

26. Reviews & Images Tablet Styles.mp4

12:32

27. Reviews & Images Tablet Styles Exercise - Practical CSS Layo.mp4

09:03

28. Reviews & Images Desktop Styles.mp4

10:42

29. Audio Player Overview.mp4

06:05

30. Audio Player Markup.mp4

10:22

31. Audio Player Base Styles.mp4

14:39

32. Play & Mute Button Styles.mp4

08:47

33. Range Slider Styles.mp4

09:36

34. Album Cover Styles.mp4

03:10

35. Hamburger Menu Exercise.mp4

08:11

36. Hamburger Menu Logo Exercise.mp4

04:55

37. Hamburger Menu Styles Exercise.mp4

19:22

38. Hamburger Menu Tablet & Mobile Styles - Practical CSS Layout.mp4

15:11

39. Medium Design Site Assembly Exercise.mp4

03:23

40. Medium Design Desktop Layout Exercise - Practical CSS Layout.mp4

19:01

41. Small Elements Exercise.mp4

04:40

42. Small Elements Solution.mp4

05:40

43. Review Layout Exercise.mp4

06:01

44. Album Boxes Exercise & Solution.mp4

04:20

45. Double Border Corners.mp4

18:30

46. Navigation Exercise & Solution.mp4

06:07

47. Social Icons.mp4

16:53

48. Tracklist CSS.mp4

11:48

49. Tracklist Show & Hide JavaScript.mp4

05:19

50. Tracklist Grid for Tablet & Desktop.mp4

18:07

51. CSS Transitions & Custom Table Scrollbar - Practical CSS Lay.mp4

13:02

52. Diamond Images Mobile Layout.mp4

09:30

53. Diamond Images Tablet & Desktop Layout - Practical CSS Layou.mp4

13:56

54. Advanced Layout Exercise.mp4

05:12

55. Advanced Desktop Layout.mp4

10:39

56. Wrapping Up.mp4

05:14

More details

User Reviews

Rating

average 0

Total votes0

Focused display

CSS

Frontend Masters

View courses Frontend Masters

At Frontend Masters, we pride ourselves on offering courses designed and taught by leading experts actively employing their skills at renowned companies such as Netflix, Spotify, Google, and Stripe. Our curriculum is continually refreshed to align with the most recent advancements, guaranteeing that our learners are equipped with industry-standard best practices and cutting-edge techniques.