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 nonetheless you need to.
• Create distinctive wanting web site (this isn’t the case in Bootstrap).
• Utility First
• Quicker CSS Styling Course of
• Responsive Design.
• Simply used with any frameworks.
• Tiny (tremendous quick in manufacturing).
• Simply apply Darkish Mode and extra themes.
• Stunning Coloration Presets.
On this course I’ll take challenge primarily based method to show you the most recent Tailwind CSS. we’ll construct 2 lovely actual world manufacturing prepared web sites collectively. we’ll see the fundamentals, a few of the superior ideas and strategies to attain our wants. In these challenge we’ll not solely see the widespread designs(like playing cards, buttons, type inputs…) however we’ll transcend and canopy how one can make actually nice designs.
I’ll replace this course frequently when crucial.
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 Gentle Mode.
• Managing duplication and creating reusable types.
• Not solely sure to the pre-defined types however you’ll study sizzling 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 initiatives 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)