One of the selling points of @tailwindcss is that using it right helps make your code more maintainable long-term instead of ending up with a mess of CSS files.
It's been 3 years since the Tailwind beta released, has anyone been using it that long to attest to maintainability?
👨🔬 Wrote up a bunch of details around all the crazy tricks we do with CSS variables in the Tailwind codebase...
They are the secret behind lots of APIs we offer that you might expect to be completely impossible 🤯
adamwathan.me/composing-the-…
Will be a few more weeks of using these in my own designs before they get published but I'm feeling really good about these colors and am almost ready to call them done 🎉
Will share a post about my process of getting here soon.
Made a few more examples to test these new @tailwindcss colors on 🌈
Definitely some questionable color choices for a real app design, but nonetheless I'm learning a lot 🤓
Did you think Tailwind was a horrible idea until you actually built something with it?
Would love a quote (just reply!) for a project we're working on ❤️
🥳 Just released Tailwind CSS v1.8.0!
🦑 New `font-variant-numeric` utilities
🐠 New grid alignment utilities (place-items!)
🐳 Even smaller file sizes
🌒 Experimental dark mode support
Check out the release notes for all the details 👉
github.com/tailwindlabs/tail…
Didn't think it could be done but thanks to @DavidKPiano I have successfully created a composable API for font-variant-numeric that lets you combine the different options arbitrarily in your HTML 😎
Tailwind v1.8 tomorrow? 🤔
👀 Dropdown component coming together nicely for @tailwindui. A bunch of accessibility features, mouse interactions and keyboard navigation. What do you think?
I wanted to try @tailwindcss gradient and thought of replicating the gradient in @vercel home page. Without any customization from the default config, I get to a result that is not so different from the original.
Left is vercel.com, right is vercel-tailwind-replicate.ve….
🚀 We released the very first version of `tailwindui/react` this week!
It introduces a utility-friendly <Transition> component, so you can easily style enter/leave transitions with utility classes in React, just like you can in Vue 🙌
Check it out!
blog.tailwindcss.com/utility…
Oh exciting! leading-trim in CSS will allow us to trim off all the extra space from reference points in a typeface of your choice with just two lines of CSS.
h1 {
text-edge: cap alphabetic;
leading-trim: both;
}
medium.com/microsoft-design/…
🔥 We're thrilled to announce our brand new website and app pingping.io, which we have been working on for the last few months.
We wanted to show how easy it is to build a great user experience with @tailwindcss and @tailwindui.
Enjoy it! 🥳🥰