Tailwind Weekly #12: Aaaaand... we're back đ!
Hello folks, weâre back!
Long story short, when the whole apocalyptic March thing started happening I somehow got writerâs block and decided to take a break from the newsletter to reset. After some weeks of rest and lots of TLC time Iâm back as good as new đ.
Now, onto our regular programmingâŚ
đNews
Integrating Tailwind UI with JavaScript
Some folks were a bit taken aback by the decision to use to use AlpineJS for the interactive demos and lots of them were requesting instructions on how to convert it to Vue/React/Angular.
Well, our BDFL saw our struggle and did just that, this new gist document outlines a format on how the Tailwind UI team will be will be giving instructions on how to make the HTML/CSS elements be more dynamic. If youâre a TUI customer then you definitely need to read it!
Tailwind UI Changelog - April 7th
We also got new components on Tailwind UI, check it out:
New additions
- Added new Alerts category to the Application UI package, with 6 examples
- Added new Contact Sections category to the Marketing package, with 6 examples
Tweaks and fixes
- Fixed border color above profile section in sidebar of Branded Nav with Compact White Page Header stacked layout (from border-gray-700 to border-indigo-800)
Overheard on twitter
Jumping back on a projcet I've not touched in a couple of months. So glad I used @tailwindcss - I don't have to decipher all the poor naming decisions I would have made months ago - just open the docs and I'm instantly productive. Thanks @adamwathan
— Dan Christian Duncan (@danchristians) March 21, 2020
I feel you Dan, I dusted off an old Tailwind v0.7 project recently and almost everything was the same, gotta love the consistency â¤ď¸.
đTutorial of the week
Adding TailwindCSS to RedwoodJS
If you havenât lived under a rock for the past month then you probably heard that RedwoodJS is all the rage these days. Even through the project is still in alpha, the folks in the cutting edge are already playing with it and adapting it to their workflows and thus this article was born, with it youâll learn how to add Tailwind to a Redwood project.
đ Showcase of the week
PilotMail - Email Test Tool and Email Builder
This weekâs showcase is a prime example on how you can make your SaaSâ landing page modern, playful and very good looking using Tailwind and some basic design notions. Wouldnât surprise me if the dev read Refactoring UI while coding it. Also, love the orange tint!
Hereâs what PilotMail offers:
Build awesome HTML emails and test them easily on real email clients before sending with PilotMail.
đResource of the week
Heroicons Directory - Open source icons by the Tailwind CSS team
You probably have heard of Heroicons, theyâre an icon set that was included when you bought the Refactoring UI book. Well now the icons were made open source and added to GitHub. But this site takes it to a new level, adding search and auto copying on click, which is really handy when youâre coding. Be sure to thank Zaydek for creating the site!
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 đ.
