Tailwind Weekly
New issue every Saturday

Get our free, 5 min weekly newsletter. Used by 1,900+ people to be better Tailwind CSS developers.

vivian@example.com

Join 1,900+ other developers today.

Tailwind Weekly #92: the job board is coming next week + more about centering stuff, variable fonts, and hyphens!

Hello folks!

The job board is coming people 🤩! Check the news section for more info.

We also got a cool video about the good old "centering stuff with CSS" topic, this time with more modern approaches. Likewise, we have a great primer on what variable fonts are and how to use them.

I'm also excited to announce that I made my first Tailwind CSS plugin 😊. Check out the resource section for more info, I know it's pretty niche but I hope you find it useful!

🌟 News

It's official folks, the official Tailwind CSS job board is launching next week. Who would have thought that a job board would make me so excited 🤣!

If you want to submit your own job post then there's still time, the team is still accepting posts and you can get a lot of publicity by being part of the first posts on launch.

🤩 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

3 Simple Ways To Center an Element Using CSS

Yet another great video from CSS weekly goes straight to the point! You'll learn how to center elements using absolute, flexbox and css grid and also learn a bit about the place-content property.

<article> vs. <section>: How To Choose The Right One

This is one was a wild ride! It's a great primer on a very common question you might have asked yourself if you work a lot with markup. It talks about the theory for each tag, the original vision behind them, how assistive technology interprets it, and some practical examples of when to use each.

The joy of Variable Fonts: getting started on the Frontend

Variable fonts are quite the hot topic these days. I keep hearing all the good things about them but never really knew how to use them... until I found this article. It shows the old and new ways of using variable fonts, the correct format to use right now, and how to set good fallbacks. Overall a primer intro article to the topic.

💅 Showcase

Danilo Leal

Here's another personal site for you, this one takes a more minimal approach which I quite liked. Simple typography (Inter FTW!) and layout, bright colors and the dark mode is just beautiful.

🎁 Resource

tailwindcss-hyphens

This plugin was made by me! I had a client project that required hyphens for the headers and I realized Tailwind CSS doesn't offer those classes. Not wanting to write custom CSS I decided to write my first plugin and it was pretty easy 😄.

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.

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.

CSS Scan is the fastest and easiest way to check, copy, and edit CSS. Check the CSS of any element you hover over, instantly, and copy its entire rules with a single click.

✌️ Partners

CSS Simplified by Shruti Balasa: One simple CSS tip every Wednesday from her decade of experience right into your inbox.

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

Latest issue