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 year 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 5 years ago)
- Default Branch: main
- Last Pushed: 2023-02-25T15:51:00.000Z (over 3 years ago)
- Last Synced: 2025-03-28T20:11:10.672Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://www.youtube.com/watch?v=elgqxmdVms8&list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0&index=1
- Size: 2.74 MB
- Stars: 397
- Watchers: 12
- Forks: 280
- 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)