Multi-Style Tailwind Components
Focused View
1:18:46
12 View
01. Multi-Style Components Workshop Welcome.mp4
00:33
02. Creating Dynamic Button Variants with Tailwind CSS.mp4
01:04
03. Extract Common Base Classes.mp4
01:03
04. Identifying Common Classes.mp4
02:29
05. Customizing the Tailwind IntelliSense Plugin for VS Code.mp4
03:16
06. Simplify Button Styling for All Possible Variants.mp4
02:15
07. Dynamic Styling with the cx() Function.mp4
04:11
08. Implement Size and Shape Variants.mp4
00:37
09. Creating Dynamic Style Variants.mp4
06:00
10. Separating Tone & Intensity Concerns.mp4
01:39
11. Implementing Dynamic Tone & Intensity Styles.mp4
04:25
12. Improve Accessibility and Usability with Headless UI.mp4
00:19
13. Convert a Modal to a Headless UI Dialog.mp4
01:39
14. Refactoring to use Headless UI.mp4
02:30
15. Update the Modal to Support Dynamic Contents.mp4
01:10
16. Refactoring for Dynamic Modal Contents.mp4
02:51
17. Add Multiple Modal Sizes.mp4
00:41
18. Dynamic Modal Sizes.mp4
01:30
19. Implement Modal Background Tints.mp4
01:00
20. Add Modal Background Color Support.mp4
01:44
21. Transitioning Modals with Headless UI.mp4
00:45
22. Animating Customize Modals.mp4
03:23
23. Customizing Modal Slide-In Animation.mp4
00:44
24. Animate Modal Panel Slide-In.mp4
02:23
25. Add Support for Async Tasks in the Modal.mp4
01:24
26. Conditionally Display a Loading Animation.mp4
03:11
27. Updating State After a Transition.mp4
02:57
28. Improve Modal Behavior During Async Operation.mp4
01:26
29. Disabling Buttons and Modal Exits While Loading.mp4
01:32
30. Modal State Management Patterns.mp4
02:24
31. Calendar Style Complexity.mp4
03:16
32. Identify Possible Calendar States.mp4
01:14
33. Listing the Calendar States.mp4
01:31
34. Porting Dynamic Styles to Specific States.mp4
01:24
35. Create Styles for the Unique States.mp4
01:56
36. Apply Styles for a Specific State.mp4
02:15
37. Implementing the getStyles Function.mp4
05:43
38. Multi-Style Tailwind Components.mp4
00:22
More details
User Reviews
Rating
average 0
Focused display
Category
Udemy
View courses UdemyStudents take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.
- language english
- Training sessions 38
- duration 1:18:46
- Release Date 2023/12/29
