Pro Tailwind
@ProTailwind
Advanced Tailwind CSS concepts & patterns, taught by @simonswiss. Level up your Tailwind with multi-theme, multi-style & multi-project UI components.
Вам может понравиться
oooOO I'm definitely *fetching* this one!
Officially launching "Tailwind CSS Color Tokens" 🚀 Available for FREE on Epic Web 🤗 Here's the intro video — link to the workshop will be in the reply.
They're so beautiful 😍
🤌 Blurry blobs with Tailwind CSS 1️⃣ create a few colorful shapes 2️⃣ add some blur and mix-blend-modes 3️⃣ keyframe the position & size of the shapes 4️⃣ stagger the animation-delay for randomness
🤗
🤌 Glassmorphism with Tailwind CSS 1️⃣ set a semi-transparent background 2️⃣ use `backdrop-filter: blur` 3️⃣ play with the bg opacity, blur level, border and shadow ✨
this guy is almost as orange as me 🤣
This is very exciting news for everybody!
Should have a new Tailwind CSS v4 alpha ready this week that includes most of the important backwards compatibility stuff needed to play with it in your v3 projects, including JS config file and plugin support 🤞
That's a hoot!
Tailwind Toot 🍑 Line-up your anchor page jumps perfectly with the scroll-margin-* utilities ✨
paw-some little tut 📣
Tailwind Toot ✨ The "space-x/y-*" utilities in Tailwind CSS were mostly useful before the "gap" CSS property for Flexbox and Grid was widely supported. In most cases I prefer to control "in-between" spacing with gap these days!
This guy is pretty cool — just sayin'
Today’s the day 🚀 After two sold-out live workshops — “Pixel Perfect Figma to Tailwind” is launching as a video course 🎬 Covers both Tailwind CSS v3 and v4 ✨ Super STOKED about this 🎉
Pixel Perfect Figma to Tailwind CSS — stay tuned 👀
Opacity modifiers in Tailwind CSS v4 also work with arbitrary HEX colors or CSS named colors, thanks to `color-mix()` ✨
Tailwind CSS is a design tool 🤗
Design exploration, directly in the browser, with @tailwindcss. Sharing the full video here — but be sure to check other tips on the Epic Web platform!
Woof — Tailwind CSS v4 sure looks cool 😎
✨ Mini Tailwind CSS v4 demo ✨ Replacing the font size scale with @openprops' one. This is the entire setup (using Tailwind in @astrodotbuild as a Vite plugin)
Adding multi-theme support with CSS variables and the Tailwind Plugin API — A Case Study youtube.com/watch?v=ahs9e4…
youtube.com
YouTube
My Pro Tailwind Workshop Applied in A Real-World SaaS App
👀 Simon does good live workshops, just sayin'
One of my peak career moments so far was when I decided to learn motion graphics and make a last-minute hype reel for the @tailwindcss v3.0 launch. The edit came together in ~2 days, from just an idea to something that feels produced by a professional studio 🔥 Very proud 😎
🧑🎓 Case Study Learnings from my @ProTailwind "Multi-Theme Strategy" workshop, immediately applied to a real-world production app. youtube.com/watch?v=ahs9e4…
youtube.com
YouTube
My Pro Tailwind Workshop Applied in A Real-World SaaS App
United States Тренды
- 1. Ohtani 68.6K posts
- 2. #WorldSeries 72.7K posts
- 3. Chiefs 78.2K posts
- 4. #WWERaw 43.7K posts
- 5. Edman 5,314 posts
- 6. Mahomes 24.3K posts
- 7. #Dodgers 12.9K posts
- 8. Mariota 7,659 posts
- 9. Treinen 2,885 posts
- 10. Roki 6,662 posts
- 11. Terry 23.7K posts
- 12. Kelce 16.1K posts
- 13. Mookie 8,068 posts
- 14. Rashee Rice 3,873 posts
- 15. #RaiseHail 7,152 posts
- 16. Maxey 9,389 posts
- 17. Vladdy 5,379 posts
- 18. Freddie 11.4K posts
- 19. Commanders 34.5K posts
- 20. Bulls 26.4K posts
Вам может понравиться
-
shadcn
@shadcn -
Tailwind CSS
@tailwindcss -
Next.js
@nextjs -
Simon Vrachliotis
@simonswiss -
Remix 💿
@remix_run -
Astro
@astrodotbuild -
TANSTACK
@tan_stack -
Lee Robinson
@leerob -
Fly.io
@flydotio -
Matt Pocock
@mattpocockuk -
Guillermo Rauch
@rauchg -
Marcel Pociot 🧪
@marcelpociot -
Steve Schoger
@steveschoger -
Adam Wathan
@adamwathan -
Radix by WorkOS
@radix_ui
Something went wrong.
Something went wrong.