Tailwind Weekly #89: an upcoming official job board, another crypto site, and one more component library!

Hey everyone, due to some email misconfiguration all the links in today's issue were broken, the problem has now been fixed and I'm resending it, sorry for the trouble!

Hello folks!

It's official, the Tailwind UI team is working on a job board! I'm very excited about this, now we'll have a central place to look for Tailwind CSS devs 😁.

Now onto our usual content 😉.

🌟 News

It looks like they decided to team up with Peter, one of Reform's creators, which means the site is gonna be slick!

Besides that, we got a few minor releases, some highlights:

• You can now add a default font-weight for each font size utility
• The safelist config now has support for alpha values

🤩 Sponsors

The sponsor of this issue is the DevTools for Tailwind CSS browser extension. The DevTools for Tailwind bring back designing and debugging in your browser. Intellisense autocompletion, full JIT engine support in minified production sites, and more. Get a 20% discount if you use the code TAILWIND-WEEKLY during the checkout.

We convert your design to Tailwind CSS. Focus on your business logic. Leave the markup code in our capable hands. Just fill out our 3-minute questionnaire and get a quote in 24 hours.

📚 Learning

Are you sure that’s a number input?

This article really resonated with me, especially because I have worked with the exact same examples that the author mentions, that is, numbers that don't need to increment/decrement. I always find myself removing that little control widget with CSS. Now I know an accessible alternative!

How to add Tailwind to Hugo

This one is short and sweet, just like Florian always writes. The tutorial is pretty straightforward and the only Hugo-specific thing is right at the end. If you use Hugo and want to try out Tailwind CSS then this article is for you.

How to add Tailwind CSS to an existing project

Written by me! Since I'm a freelance developer I sometimes get projects where I need to work with an existing codebase. If I want to add Tailwind CSS to it then there are a few gotchas I need to take into account. This article outlines them and shows how I usually do it. I hope you like it!

💅 Showcase

Thirdweb

In my opinion, the crypto craze of the last few years has produced some really amazing sites. Thirdweb is one of them! With dark colors, beautiful gradients, and clean typography this site looks beautiful.

For the curious, here's Thirdweb's description:

Build web3 apps easily. Implement web3 features with powerful SDKs for developers. Drop NFTs with no code. — Ethereum, Polygon, Avalanche, & more.

🎁 Resource

daisyUI

Here's another Tailwind CSS component library for you! This one is a bit different, it works as a Tailwind plugin and comes with already created classes like btn and card , which you can further customize with Tailwind's utility classes.

👌 Promoted links

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!

Become a Pro at building components & layouts with CSS Flexbox and Grid with the Complete Guide to CSS Flex and Grid ebook by Shruti Balasa. I actually read this book and LOVED IT. I have been using flexbox and CSS grid for years and I still learned quite a few things from the book.

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 the coupon code TAILWIND15 for 15% off the annual plan.

There's a reason over 2.6 million people start their day with Morning Brew — the daily email that delivers the latest news from Wall Street to Silicon Valley. Business news doesn't have to be dry and dense...make your mornings more enjoyable, for free.

PixelSnap 2 is the fastest tool for measuring anything on your screen. I use it as part of my front-end development workflow to make sure I'm translating screens as close as possible to the design.

✌️ Partners

This Week In React: the best of React & React-Native news. Sebastien filters the noise, and you save time!

TypeScript Weekly: the best TypeScript links every week, right in your inbox.

ES.next News: learn about the latest in JavaScript and cross-platform tools

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