No news this week. After the big launch of v2.2 it’s been a quiet week for the Tailwind Labs team, probably gearing up for the next awesome 6 weeks 💪.
But as always, we got our usual menu of a learning link, a showcase website, and a useful resource, hope you enjoy it!
The sponsor of this issue is Windy – the browser extension that transforms any HTML element into a Tailwind CSS component with a single click. Save hours or days when you convert your non-Tailwind sites to Tailwind or go to any website and see how you can build any element with Tailwind CSS. Get a 20% discount if you use the code
TAILWIND-WEEKLY during the checkout.
This one is short and sweet but incredibly useful. If you’re trapped with another CSS framework (like bootstrap or foundation) and you’re planning to upgrade then this 3 step strategy will prove very helpful.
Going back to personal website showcases, this one is short and sweet too. With a focus on clean typography and minimal but contrasting colors, Matt’s website is easy to read and consume, which is exactly what you want if you produce content on a regular basis as Matt does.
For the curious:
Matt Stauffer is a programmer, teacher, and Partner/Technical Director at Tighten
This is a niche as it gets! The image rendering CSS property is explained thoroughly in this CSS tricks article but the TL;DR version is:
The image-rendering property defines how the browser should render an image if it is scaled up or down from its original dimensions.
For the few of you who wanted this in TailwindCSS, now you can use this plugin 😁.
👌 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!
At Tailwind Made, we launched our newest template, Masterclass! Masterclass is a premium template with a beautiful design, tailored specifically for online courses but can be used for digital products in general. We also have a portfolio, business, blog, and e-commerce template if you’re interested.
Polypane is a great tool for testing your project’s responsive design and accessibility. 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.
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 coupon code “TAILWIND15” for 15% off the annual plan.
Want to support the newsletter? You can buy me a coffee with the link below 😁.