Introduction To Course & Installing Required Tools
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
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
Ecommerce Product Details Page Setup
Ecommerce Login and Register Page Setup
Ecommerce User Account and Register Page Setup
Ecommerce Profile Address Page Setup
Ecommerce Wishlist and Checkout Page Setup
Ecommerce Cart and Order Page Setup
Ecommerce Deploy to Live Server
