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: 3 months 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: 2023-11-07T14:22:48.489Z (8 months ago)
• Language: JavaScript
• Homepage: https://www.youtube.com/watch?v=elgqxmdVms8&list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0&index=1
• Size: 2.74 MB
• Stars: 359
• Watchers: 11
• Forks: 279
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Lists

• awesome-stars - tailwindlabs/tailwindcss-from-zero-to-production - Source code for the "Tailwind CSS Up and Running" screencast series. (JavaScript)

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)