38. Scroll Snap Api | Easy Learning

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Tailwind CSS 3 | Learn By Building Multiple Projects A-Z

Introduction To Course & Installing Required Tools

1. Introduction To Tailwind (1:58)
2. Installing Node (1:40)
3. Installing VS Code (1:23)
Course Excise File - Downloadable Resource

Tailwind All Features

4 Tailwind Installation (21:24)
5 Utility-First Approach Part 1 (12:52)
6 Utility-First Approach Part 2 (18:38)
7 Responsive variants - Tailwind Breakpoints (7:37)
8 Hover Focus & Other State Variants (10:57)
9 Dark Mode Variants Part 1 (11:09)
10 Dark Mode Variants Part 2 (15:57)
11 Composing Utilities with Apply Directive (6:49)
12 Tailwind @layer Directive - Understand Tailwind Layers (9:05)
13 theme and screen - Tailwind Functions (11:50)
14 Tailwind Configurations - Advanced Concepts (11:00)

Tailwind Css Basic All Element

15. Setting Up The Project (6:06)
16. Using Container (4:45)
17. Setting Width & Height (5:37)
18. Using Flexbox (4:46)
19. Flex Wrap (4:05)
20. Flex Grow & Shrink (4:57)
21. Using Grid Layout (6:04)
22. Using Row Layout (3:54)
23. Grid Flow (2:43)
24. Gap & Justifying Items (6:37)
25. Justify Individual Items (5:08)
26. Padding & Margin (7:37)
27. Styling Text (11:22)
28. Border Radius (5:40)
29. Styling Borders (8:07)
30. Input Filed (9:13)

Modern Tailwind 3 CSS Features

31. First Letter and Selection (5:27)
32. Label After (4:14)
33. Color Box Shadows (5:39)
34 Print Modifier (6:11)
35. Modern Aspect Ratio Api Part 1 (6:01)
36. Modern Aspect Ratio Api Part 2 (5:05)
38. Scroll Snap Api (6:19)
39. Perfect Scroll Behavior (6:11)
40. Multi Coulumn Layout (3:57)
41. Arbitrary Properties (4:03)
42. Fancy Underline Style (4:12)
43. Play CND (8:57)

Project Building A Basic Blog Template Design With Tailwind

44a Blog Project Introduction - What you will build (4:08)
44 Blog Project Setup (9:49)
45.Design a Blog Header Navbar Part 1 (14:00)
46.Design a Blog Header Navbar Part 2 (11:34)
47.Design a Blog Sidebar for Category Part 1 (9:41)
48.Design a Blog Sidebar for Category Part 2 (10:38)
49.Design a Blog Random Post Part 1 (12:18)
50.Design a Blog Random Post Part 2 (4:52)
51.Design a Blog Main Post Part 1 (10:51)
52 .Design a Blog Main Post Part 2 (12:55)
53 .Design a Blog Main Post Part 3 (9:37)
54.Design a Blog Social Media Area (10:42)
55.Design a Blog Popular Post Area (3:03)
56.Design a Blog Tags Area (8:30)
57.Design a Blog Footer Page (3:29)
58.Design a Blog Details Page (12:03)
59.Design a Blog Details Comment Part 1 (16:46)
60.Design a Blog Details Comment Part 2 (7:34)
61.Setup Mobile Responsive Part 1 (7:59)
62.Setup Mobile Responsive Part 2 (13:17)
63.Setup Mobile Responsive Part 3 (11:19)
64.Setup Mobile Responsive Part 4 (10:51)

Project Building A Complete Ecommerce Template Design With Tailwind

65 Introduction - What we will build. (7:32)
66 Ecommerce Project Setup (5:22)
67 Ecommerce Project Fonts Setup (4:48)
68 Customizing Container (6:48)
69 Color Customization (5:11)

Ecommerce Home Page Setup

70 Project Header Setup Part 1 (18:36)
71 Project Header Setup Part 2 (12:34)
72 Navbar Setup Part 1 (9:59)
73 Navbar Setup Part 2 (8:25)
74 Dropdown Setup (14:12)
75 Banner Setup (14:17)
76 Features Setup (14:03)
77 Categories Setup (15:06)
78 Product Card Setup Part 1 (13:33)
79 Product Card Setup Part 2 (17:32)
80 Ad Section Setup (2:57)
81 Recomended Section Setup (4:13)
82 Footer Setup Part 1 (11:08)
83 Footer Setup Part 2 (14:49)
84 Footer Setup Part 3 (5:33)
85 Page Responsive Setup Part 1 (15:26)
86 Page Responsive Setup Part 2 (16:17)
87 Page Responsive Setup Part 3 (4:58)
88 Fixed Home Page Product Design (5:47)

Ecommerce Shop Page Setup

89 Shop Page Part 1 (10:12)
90 Shop Page Part 2 (20:18)
91 Shop Page Part 3 (8:11)
92 Shop Page Part 4 (6:21)
93 Shop Page Part - 5 Update Custom Class (11:19)
94 Shop Page Part 6 (10:27)
95 Shop Page Part 7 (10:51)
96 Shop Page Part 8 (5:12)

Ecommerce Product Details Page Setup

97 Product View Setup Part 1 (7:01)
98 Product View Setup Part 2 (17:02)
99 Product View Setup Part 3 (15:32)
100 Product View Setup Part 4 (14:40)
101 Product View Setup Part 5 (15:54)
102 Product View Setup Part 6 (4:18)

Ecommerce Login and Register Page Setup

103 Login Page Setup Part 1 (15:26)
104 Login Page Setup Part 2 (9:57)
105 Login Page Setup Part 3 (9:41)
106 Register Page Setup (6:15)

Ecommerce User Account and Register Page Setup

107 User Account Setup Part 1 (11:27)
108 User Account Setup Part 2 (14:09)
109 User Account Setup Part 3 (10:13)

Ecommerce Profile Address Page Setup

110 Profile Address Informations Setup Part 1 (11:32)
111 Profile Address Informations Setup Part 2 (9:12)
112 Change Password Page (8:49)

Ecommerce Wishlist and Checkout Page Setup

113 Wishlist Setup Part 1 (10:54)
114 Wishlist Setup Part 2 (10:06)
115 Checkout Setup Part 1 (14:13)
116 Checkout Setup Part 2 (19:01)

Ecommerce Cart and Order Page Setup

117 Cart Page Setup Part 1 (9:28)
118 Cart Page Setup Part 2 (14:44)
119 Cart Page Setup Part 3 (18:33)
120 Order Complete Page Setup (9:40)

Ecommerce Deploy to Live Server

121 Deploy to WebServer (4:46)

Teach online with

38. Scroll Snap Api

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock