Multi-Style Tailwind Components
- Category Other
- Type Tutorials
- Language English
- Total size 334.2 MB
- Uploaded By freecoursewb
- Downloads 196
- Last checked 1 day ago
- Date uploaded 2 years ago
- Seeders 8
- Leechers 0
Infohash : F76DE9E9F6341F9EEFAF11F902EEDD4261C10389
Multi-Style Tailwind Components
https://FreeCourseWeb.com
Released 10/2023
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 38 Lessons ( 1h 20m ) | Size: 334 MB
In this workshop, you'll learn the best way to create & manage multiple Tailwind-powered style variants for your UI components.
Tailwind CSS's Just-in-Time engine does not support dynamic class names. This leads to overly complicated conditionals and nested ternary statements that are hard to keep track of - and even harder to add new variants to ?
Throughout this workshop, you will build and practice a repeatable process for identifying, refactoring, and implementing dynamic Tailwind CSS style sets.
Files:
[ FreeCourseWeb.com ] Multi-Style Tailwind Components- Get Bonus Downloads Here.url (0.2 KB) ~Get Your Files Here !
- 01. Multi-Style Components Workshop Welcome.mp4 (5.7 MB)
- 02. Creating Dynamic Button Variants with Tailwind CSS.mp4 (10.5 MB)
- 03. Extract Common Base Classes.mp4 (4.0 MB)
- 04. Identifying Common Classes.mp4 (8.7 MB)
- 05. Customizing the Tailwind IntelliSense Plugin for VS Code.mp4 (11.6 MB)
- 06. Simplify Button Styling for All Possible Variants.mp4 (8.9 MB)
- 07. Dynamic Styling with the cx() Function.mp4 (14.9 MB)
- 08. Implement Size and Shape Variants.mp4 (3.4 MB)
- 09. Creating Dynamic Style Variants.mp4 (24.4 MB)
- 10. Separating Tone & Intensity Concerns.mp4 (7.4 MB)
- 11. Implementing Dynamic Tone & Intensity Styles.mp4 (15.7 MB)
- 12. Improve Accessibility and Usability with Headless UI.mp4 (3.8 MB)
- 13. Convert a Modal to a Headless UI Dialog.mp4 (11.5 MB)
- 14. Refactoring to use Headless UI.mp4 (12.5 MB)
- 15. Update the Modal to Support Dynamic Contents.mp4 (5.5 MB)
- 16. Refactoring for Dynamic Modal Contents.mp4 (8.3 MB)
- 17. Add Multiple Modal Sizes.mp4 (2.8 MB)
- 18. Dynamic Modal Sizes.mp4 (4.5 MB)
- 19. Implement Modal Background Tints.mp4 (4.2 MB)
- 20. Add Modal Background Color Support.mp4 (7.0 MB)
- 21. Transitioning Modals with Headless UI.mp4 (3.4 MB)
- 22. Animating Customize Modals.mp4 (11.4 MB)
- 23. Customizing Modal Slide-In Animation.mp4 (4.0 MB)
- 24. Animate Modal Panel Slide-In.mp4 (7.4 MB)
- 25. Add Support for Async Tasks in the Modal.mp4 (3.9 MB)
- 26. Conditionally Display a Loading Animation.mp4 (11.0 MB)
- 27. Updating State After a Transition.mp4 (8.8 MB)
- 28. Improve Modal Behavior During Async Operation.mp4 (7.3 MB)
- 29. Disabling Buttons and Modal Exits While Loading.mp4 (5.3 MB)
- 30. Modal State Management Patterns.mp4 (15.0 MB)
- 31. Calendar Style Complexity.mp4 (18.3 MB)
- 32. Identify Possible Calendar States.mp4 (5.2 MB)
- 33. Listing the Calendar States.mp4 (6.0 MB)
- 34. Porting Dynamic Styles to Specific States.mp4 (5.2 MB)
- 35. Create Styles for the Unique States.mp4 (5.3 MB)
- 36. Apply Styles for a Specific State.mp4 (16.2 MB)
- 37. Implementing the getStyles Function.mp4 (20.8 MB)
- 38. Multi-Style Tailwind Components.mp4 (4.2 MB)
- Bonus Resources.txt (0.4 KB)
There are currently no comments. Feel free to leave one :)
Code:
- udp://tracker.torrent.eu.org:451/announce
- udp://tracker.tiny-vps.com:6969/announce
- http://tracker.foreverpirates.co:80/announce
- udp://tracker.cyberia.is:6969/announce
- udp://exodus.desync.com:6969/announce
- udp://explodie.org:6969/announce
- udp://tracker.opentrackr.org:1337/announce
- udp://9.rarbg.to:2780/announce
- udp://tracker.internetwarriors.net:1337/announce
- udp://ipv4.tracker.harry.lu:80/announce
- udp://open.stealth.si:80/announce
- udp://9.rarbg.to:2900/announce
- udp://9.rarbg.me:2720/announce
- udp://opentor.org:2710/announce