🔥 #tutorial

Filters & Backdrop Filters – What's New in Tailwind CSS

by Tailwind Labs

🔗 https://www.youtube.com/watch?v=qGEZdGMgXL4

🔥 #tutorial

Mix & Background Blending Utilities – What's New in Tailwind CSS

by Tailwind Labs

🔗 https://www.youtube.com/watch?v=Z42les2fCRo

🔥 #tutorial

Just-in-Time Compiler, Now in Core – What's new in Tailwind CSS

by Tailwind Labs

🔗 https://www.youtube.com/watch?v=QwUpnXumcw4

🔥 #news #tutorial

What's New in Tailwind CSS v2.2

By Tailwind Labs

Highlights:

🟢 All-new high-performance Tailwind CLI
🟢 Before and after variants
🟢 First-letter/line variants
🟢 Selected text variants
🟢 List marker variants
🟢 Sibling selector variants
🟢 Exhaustive pseudo-class support
🟢 Shorthand color opacity syntax
🟢 Extended arbitrary value support
🟢 Improved nesting support
🟢 Caret color utilities
🟢 Background origin utilities
🟢 Simplified transform and filter composition
🟢 Per-side border color utilities
🟢 Built-in safelist, transform, and extract support

🔗 https://www.youtube.com/watch?v=DxcJbrs6rKk

🔥 #tutorial

How to Use Custom Fonts with Tailwind CSS

By Tailwind Labs


Highlights:

🟢 Using Google Fonts with Tailwind CSS
🟢 Self-hosting fonts with @font-face rules

🔗 https://www.youtube.com/watch?v=sOnBG2wUm1s

🔥 #tutorial

Floating Labels with Tailwind CSS

By Tailwind Labs

In this video, you'll learn how to pull off that cool "floating labels" effect using just Tailwind CSS utility classes. We'll use a bunch of new features added in Tailwind CSS v2.2, including the new placeholder-shown variants and the peer sibling selector variant.

🔗 https://www.youtube.com/watch?v=nJzKi6oIvBA

🔥 #tutorial

Rebuilding iOS 15 with Tailwind CSS

By Tailwind Labs

🔗 https://www.youtube.com/watch?v=eSzNNYk7nVU

📝 https://play.tailwindcss.com/kY4LYXwsNZ

🔥 #tutorial

Responsive Grid Layout with Tailwind CSS

By Tailwind Labs

In this video, Simon shows us how to build a responsive grid layout with Tailwind CSS utility classes.

Tutorial: 🔗 https://www.youtube.com/watch?v=WJDw1J7FZnE

Demo: 🔗 https://play.tailwindcss.com/9IEjFauwTF

🔥 #tutorial

Glowing Background Gradient Effects with Tailwind CSS

By Tailwind Labs

Learn how to achieve that awesome glow effect popping up everywhere with vanilla Tailwind CSS utilities.

Turotial: 🔗 https://www.youtube.com/watch?v=5W6kEP65AH4

Demo: 🔗 https://play.tailwindcss.com/fNKKyOG2Yv

🔥 #tutorial

Building a Headless Ecommerce Store with Tailwind CSS, Shopify, and Next.js

By Tailwind Labs

How to build a simple Ecommerce website with Tailwind UI, Shopify, and Next.js.

🔗 Tutorial: https://www.youtube.com/watch?v=xNMYz74zNHM

🔗 Demo: https://tailwindui-shopify.vercel.app/

🔥 #tutorial

Ultimate Tailwind CSS Tutorial - Build a Discord-inspired Animated Navbar

By Fireship

🔗 https://www.youtube.com/watch?v=pfaSUYaSgRo

🔥 #tutorial

Translating a Custom Design System to Tailwind CSS

By Tailwind Labs

In this video, we'll take a website design and corresponding style guide given to us by a designer, and translate it into a custom Tailwind CSS configuration to create our own utility framework tuned specifically for the project.

Tutorial: 🔗 https://www.youtube.com/watch?v=cZc4Jn5nK3k

🔥 #tutorial

Install Tailwind CSS v3 - CDN vs CLI vs PostCSS

by Thirus (Shruti Balasa) (with her kind permission 😊)

In this video Shruti shows you three ways of installing TailwindCSS - via CDN, using Tailwind CLI and using PostCSS and talk about when to use what.

🔗 https://www.youtube.com/watch?v=h9Zun41-Ozc

🔥 #tutorial

Automatic Tailwind CSS Class Sorting in 4 Minutes

By Laracasts

🔗 https://www.youtube.com/watch?v=4SYv-1AHRbg

🔥 #tutorial #component

Building a command palette with Tailwind CSS, React, and Headless UI

By Tailwind Labs

In this video Simon walks you through the steps to build a fully accessible command palette using Tailwind CSS, React, and the new combobox component in Headless UI.

🔗 https://www.youtube.com/watch?v=-jix4KyxLuQ

🔥 #tutorial

Tailwind Crash Course | Project From Scratch

by Traversy Media

Learn how to set up Tailwind CLI and create a landing page from start to finish, going over many of the common utility classes and then deploying it to InMotion Hosting using Git.

🔗 https://www.youtube.com/watch?v=dFgzHOX84xQ

🔥 #tutorial

Country Dropdown Menu in Tailwind CSS | HTML

by @fsuacad

🔗 https://youtu.be/_8YxRudfIls

Find more Tailwind CSS tutorials at https://bit.ly/3MZPh4d

🔥 #tutorial

Building a design system in Next.js with Tailwind
by Tru Narla

💫 Learn how to set up a design system in a Next.js application, and how to build an accessible and easily customizable user interface with Tru Narla, Software Engineer at Discord.

🔗 https://www.youtube.com/watch?v=T-Zv73yZ_QI

✨ Join Tailwind CSS Tips

🔥 #tutorial

Using CSS Container Queries with Tailwind CSS
By Sam Selikoff

🌟 Container queries are (almost) here! Check out how to use them in Tailwind CSS 3.2

🔗 https://www.youtube.com/watch?v=NoP9oY7kdy8

✨ Join Tailwind CSS Tips

🔥 #tutorial

First original video tutorial from this channel!

✨ Ceate a paragraph focus effect using Tailwind CSS

I hope you like it!

🔗 Tutorial: https://www.youtube.com/watch?v=YI8kTDQOiY8

🔗 Live demo: https://play.tailwindcss.com/ItPPlRMz6p

✨ Tailwind CSS Tips