Tailwind Weekly #20: We got linting now folks 😎!
The Tailwind team has been hard at work this past few weeks and now we see its first results. We now get linting on the VS Code extension and even automatic quick fixes with just a few clicks! I’ll finally start using the problems tab on the bottom panel for once.
Also, be sure to check the official repo’s discussion tab regularly since it looks like it’ll be one of many announcement channels.
Now onto our regular stuff!
🌟News
Introducing Linting for Tailwind CSS IntelliSense
Yep, you read that correctly, if you use the VS Code Tailwind extension then you now get linting for your HTML and CSS files! THIS. IS. AWESOME. Just look at that screenshot! Now you don’t have to worry about duplicate classes or even conflicting values, the linting will alert you about it.
Need linting for an unsupported file format? They have an option for adding that too, be sure to checkout the new docs.
🚀 Just shipped a new release of the Tailwind CSS IntelliSense plugin for @code that adds Tailwind-specific linting for both your markup and CSS!
— Brad Cornes (@bradlc) June 23, 2020
It’s also the first release as an official first-party Tailwind CSS project 🥳
Read more about it here 👉https://t.co/WnKdQACln9 pic.twitter.com/h8tj7R0Onf
This is the official announcement, be sure to follow @bradlc for more updates.
📚Article of the week
10 Tailwind CSS tips to boost your productivity
Great article showcasing some cool tips to improve your Tailwind experience, I really liked the “Always know which breakpoint is currently active” one, didn’t know there was a plugin for that, pretty cool.
One note tho, while the article is dated pretty recently, 2 of the tips are outdated, the one that mentions preflight and the one about flexbox order classes, everything else is pretty useful tho!
Overheard on twitter
There are 100s of things that @tailwindcss is doing right! Over the last 3 days, I've been working on the frontend of an app, and have not written a single line of code for css but still am able to achieve a custom design. I am impressed! 💯
— Arnob Dada (@iamarnob6543) June 4, 2020
💅Showcase of the week
Mohin Lakdawala | PHP & Laravel developer
This week we get another nice looking portfolio website made with Tailwind. While the website is pretty minimalist, the attention to detail, color use and typography choice is outstanding and very elegant.
🎁Resource of the week
tailwindcss-gradients
Believe it or not, tailwind doesn’t have native support for gradient classes but this plugin does it so well I don’t think we need it. I use it on some of my sites and I like its flexibility since it allows you to use the values of your colors object and also add your own. It also supports all the popular gradient types like linear, radial and conic.
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 😁.
