Tailwind Weekly #37: First Tailwind UI update of the year!

Hello folks!

This week sure was busy for the Tailwind Labs team, we got the first Tailwind UI update of the year and Adam gave us a sneak peek for the next update, some complete landing pages are coming next week.

Plus I have something special for you in the resources section, I hope you all like it!

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

Adam announced they’re hiring another designer, if you’re not a designer be sure to spread the word!

We also got the first Tailwind UI update of the year, the team added:

• New List Containers category to the Application UI package with 7 examples
• New Dividers category to the Application UI package with 8 examples
• 1 new Home Screen page example to the Application UI package
• 2 new Stacked List examples to the Application UI package
• 1 new Grid List example to the Application UI package
• 1 new Page Heading example to the Application UI package
• 1 new Stacked Layout application shell example to the Application UI package

📚Article of the week

How to Use Tailwind With Django

For the folks at python land, this is a great article on how to get started with Tailwind on Django, the post offers 3 options, including a manual install plus some notes on more complicated setups.

💅Showcase of the week

CEnterprise Kubernetes Platform & Cloud Native Management | D2iQ

This week’s showcase sure looks sharp! The small animations really make it come alive, it looks like they took great care on the animations’ timing, they all feel very smooth. To top it off they even have the old Stripe’s floating menu, which looks awesome.

For the curious, here’s D2iQ description:

D2iQ offers DevOps teams cloud-native application management software, services, and training, making day 2 operations more manageable than ever before.

🎁Resource of the week

Here's a bigger spacing scale for TailwindCSS

This week’s resource is a special one because it was made by me 🙂. I created an extended spacing scale for Tailwind, following Tailwind’s rule of 4 and it goes up to 200. You can drop it in the `extend` section of your config and you’ll have more available padding/margin/height/width/etc values. I hope you like it!

🗞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!

On Tailwind Made, we just updated our legal/business and e-commerce HTML templates to TailwindCSS v2, among other improvements. Do check them out!

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.

I highly recommend LambdaTest as your cross-browser testing tool, with it you can test on IE11, Safari, and most mobile browsers, it also has a very easy to use interface, it’s very fast, and they have a lot of automated testing features too. You can use coupon code “TAILWIND15” for 15% off the annual plan.

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 😁.