Tailwind CSS is a extremely customizable CSS framework which can be utilized straight in your HTML. No extra heavy CSS. it is designed from the bottom up with customization in thoughts.
Why Tailwind CSS?
• Simply customise and configure nevertheless you need to.
• Create distinctive wanting web site (this isn’t the case in Bootstrap).
• Utility First
• Sooner CSS Styling Course of
• Responsive Design.
• Simply used with any frameworks.
• Tiny (tremendous quick in manufacturing).
• Simply apply Darkish Mode and extra themes.
• Lovely Colour Presets.
On this course I’ll take venture primarily based strategy to show you the most recent Tailwind CSS. we are going to construct 2 stunning actual world manufacturing prepared web sites collectively. we are going to see the fundamentals, a number of the superior ideas and methods to realize our wants. In these venture we are going to not solely see the frequent designs(like playing cards, buttons, kind inputs…) however we are going to transcend and canopy how one can make actually nice designs.
I’ll replace this course frequently when essential.
What You Will Be taught?
• Customise & Configure Tailwind CSS.
• Write Optimized and Performant Code for Manufacturing. ?
• Make responsive designs with Tailwind CSS (RWD).
• Apply Darkish and Mild Mode.
• Managing duplication and creating reusable types.
• Not solely certain to the pre-defined types however you’ll be taught scorching so as to add and customise your individual presets.
• Virtually Perceive the distinction between tailwind CSS and different CSS frameworks like bootstrap.
2 Actual Projects
We are going to create 2 actual world web sites. These tasks are open supply and free to make use of.
Tail Itemizing – Enterprise and Listing Itemizing Web site
Tail Furnishings – Furnishings Showcase Web site (Figma to Tailwind CSS)