https://github.com/tailwindlabs/tailwindcss-from-zero-to-production

Source code for the "Tailwind CSS Up and Running" screencast series.
https://github.com/tailwindlabs/tailwindcss-from-zero-to-production

Last synced: about 1 month ago
JSON representation

Source code for the "Tailwind CSS Up and Running" screencast series.

• Host: GitHub
• URL: https://github.com/tailwindlabs/tailwindcss-from-zero-to-production
• Owner: tailwindlabs
• Created: 2021-02-15T21:27:37.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-25T15:51:00.000Z (over 1 year ago)
• Last Synced: 2024-09-30T18:23:31.363Z (about 2 months ago)
• Language: JavaScript
• Homepage: https://www.youtube.com/watch?v=elgqxmdVms8&list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0&index=1
• Size: 2.74 MB
• Stars: 381
• Watchers: 12
• Forks: 281
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tailwind CSS: From Zero to Production

This repository contains the source code for each lesson in the ["Tailwind CSS: From Zero to Production"](https://www.youtube.com/watch?v=elgqxmdVms8&list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0&index=1) screencast series.

1. **Setting Up Tailwind CSS**


[Screencast](https://www.youtube.com/watch?v=qYgogv4R8zg) · [Source code](01-setting-up-tailwindcss)

2. **The Utility-First Workflow**


[Screencast](https://www.youtube.com/watch?v=UvF56fPGVt4) · [Source code](02-the-utility-first-workflow)

3. **Responsive Design**


[Screencast](https://www.youtube.com/watch?v=hX1zUdj4Dw4) · [Source code](03-responsive-design)

4. **Hover, Focus and Other States**


[Screencast](https://www.youtube.com/watch?v=5_BPDve5-3M) · [Source code](04-hover-focus-and-other-states)

5. **Composing Utilities with @apply**


[Screencast](https://www.youtube.com/watch?v=TrftauE2Vyk) · [Source code](05-composing-utilities-with-@apply)

6. **Extracting Reusable Components**


[Screencast](https://www.youtube.com/watch?v=v-mkUxhaFVA) · [Source code](06-extracting-reusable-components)

7. **Customizing Your Design System**


[Screencast](https://www.youtube.com/watch?v=0l0Gx8gWPHk) · [Source code](07-customizing-your-design-system)

8. **Optimizing for Production**


[Screencast](https://www.youtube.com/watch?v=HZn2LtBT59w) · [Source code](08-optimizing-for-production)