Jan 9, 2021

Tailwind Weekly #36: Happy new year folks! 🎉

By Vivian Guillen • Issue #36 • View online

Hello folks!

Happy new year to all of you 🎉. Thank you for accompanying me on this journey in 2020, you guys rock!

This is the first issue of the year and, like always, I bring you the usual goodies plus some recommendations on our new classified section.

I think 2021 will be even better for TailwindCSS, I expect more adoption, more cool plugins, and more awesome features. I’m really excited for what’s to come!

But before our usual stuff, 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

On the ecosystem we didn’t get much news since our last issue, everybody was getting a well-deserved rest, and the Tailwind Labs team is still working on awesome things to come.

One of which is a new official plugin called line-clamp, which gives you more control when truncating text. Want the back story? Check out this tweet!

Article of the week

6 Tips for Tailwind CSS Development (with resources!)

Great article with multiple resources to improve your tailwind experience. For me, the “clsx” recommendation takes the cake, the post adds some examples on how to use it and I must say you can write some very clean code with it.

dev.to • Share

How to Use Tailwind With Django | Musings — zanderle

Senior developer you were looking for. Hi, I’m Žan and I’m a full stack web engineer with a passion for user experience. Read on to see how I can help you.

zanderle.com • Share

Showcase of the week

Create. Edit. Publish. | Narration Box

This week’s showcase is very artsy! Lots of colors, shapes, and illustrations. I love that the screenshots are central to the page and that they have a demo right there on the homepage. Also, that button animation is 👌.

For the curious, here’s what Narration Box does:

Narration Box is the only tool you need to create and edit voiceovers, narrations, podcasts, audiobooks, audio widgets for your blogs or websites.

narrationbox.com • Share

Resource of the week

Find the nearest Tailwind Colour

This resource is 🤯! Just like the title says, the tool lets you get the nearest TailwindCSS color from any hex code color. I think a great use case for this would be translating a design to code using only tailwind’s default colors. I also did some testing and it looks like it supports the full v2 color palette too.

find-nearest-tailwind-colour.netlify.app • Share

Classifieds of the week

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.

—–

Are you on a Mac or Linux and are unfortunate enough to have to test on IE11? Or maybe you’re on Windows and need to test on Safari?

To both above, I highly recommend LambaTest, this is the cross-browser testing tool I use and I find the interface very easy to use plus they have a lot of automated testing features too.

—–

Are you interested in an ad slot? Shoot me an email and let’s talk!

DISCLAIMER: Some links on the classified section are affiliate links, which means I get compensated in some way if you buy through them.

Did you enjoy this issue?

By Vivian Guillen

Weekly newsletter about all things Tailwind CSS. New issue every Saturday.

Tweet

Share

In order to unsubscribe, click here.

If you were forwarded this newsletter and you like it, you can subscribe here.

2035 Sunset Lake Road Ste B2 Newark Delaware 19702 United States