Tailwind Weekly #40: New Tailwind Labs employee & Tailwind UI update!
Hello folks!
First off, let’s welcome David Luhr to the Tailwind Labs family! Check out the post in the news section for the whole story!
We also got blessed with a Tailwind UI update with 9 new additions, I particularly liked the new “Detail Screen” design, very clean.
Now, here’s this week’s sponsor:
⭐ Polypane is a stand-alone browser for web developers and designers that makes you five times as productive and helps you build better websites and apps. I use this daily for my frontend work and its 👌. If you sign up using this link you’ll get 20% off your subscription applied at checkout.
🌟News
The Tailwind Labs got a new member of the family! Go say hi to David Luhr, and be sure to check out the full story. One spoiler, it’s thanks to him we have the new `ring` utility in v2.0!
We also got another Tailwind UI update, here’s what’s new:
- 1 new Home Screen example to the Application UI package
- 1 new Detail Screen example to the Application UI package
- 2 new Multi-Column Layout examples to the Application UI package
- 1 new Section Heading example to the Application UI package
- 1 new Card Heading example to the Application UI package
- 1 new Stacked List example to the Application UI package
- 1 new Tabs example to the Application UI package
- 1 new Navbar example to the Application UI package
📚Learning of the week
How to install Tailwind CSS v2.0 using Ruby on Rails
For the ruby folks, this is an updated guide that uses v2.0, I particularly liked that it gives you the PurgeCSS configuration and shows you how to update your `layout` file. Very useful if you’re starting from scratch.
💅Showcase of the week
Campamentos ALYAX 2020
I know, its in Spanish but bear with me. This week’s showcase is a website for a camping program for kids. Why am I featuring it? Because it looks awesome! The great use of bright colors, the clean information organization and the images really sold it for me.
🎁Resource of the week
tailwindcss-box-shadow
First plugin recommendation in quite a while eh? This one solved a very particular problem, it generates standard box-shadow utilities, without CSS variables. So if you’re working with emails or even internet explorer, this is for you.
🗞Classifieds of the week
Note: Some of these links are affiliate links, which means I get compensated in some way if you buy through them but I promise I only recommend products I really like!
At Tailwind Made, we recently launched our latest template, Atlas! Atlas is perfect for that personal blog you always wanted to start. It has a dark mode, a configured typography plugin, and it’s fully responsive. We also have a legal/business and an e-commerce template if you’re interested.
Imagine if you could go to any website, find a section/element you like, and get the approximate tailwind values to code it yourself. Like that idea? Then Windy is for you, the tool is still in its early stages but it looks very promising.
Need to build a quick marketing page for your next project? Then try out Tails! Tails is the ultimate drag'n drop page builder built for TailwindCSS, they have a great selection of components (over 120+), let you export your code, and have very affordable pricing.
Want to share something with the TailwindCSS community? You can submit a link or message me on Twitter @vivgui.
Want to support the newsletter? You can buy me a coffee with the link below 😁.
