Oct 31, 2020

Tailwind Weekly #29: Happy 3 year anniversary to tailwindcss 🥳!

By Vivian Guillen • Issue #29 • View online

Hello folks!

Join me in wishing a happy 3 year anniversary to TailwindCSS! 🥳

Besides that special date, this week has been pretty moderate on the news front since the team is working on hard on v2.0 but we did get new videos on the “What’s new in Tailwind CSS” series and new alpha versions (latest is alpha.5).

And of course, the usual content!

For the new people since our last issue, we have a menu of learning resources, website showcases and tools/plugins we feature each week. Enjoy 😁.

News

Adam Wathan

@adamwathan

🚀 We just published three new bite-sized "What's new in Tailwind CSS" screencasts, this time covering some of the stuff that was added in v1.9!

🤸 New rotate, skew, and rounded values
🤹‍♀️ Shareable presets
🧗‍♂️ New grid-auto-rows/columns and span utilities

https://t.co/v5a2wjEG0e

3:32 PM - 29 Oct 2020

For the busy bunch, the tailwind team has posted new short videos about the new and important stuff they have been releasing, go watch Simon code some markup with new fancy stuff, go go.

Jane Manchun Wong

@wongmjane

The new Next.js Commerce starter kit is built with @tailwindcss

demo: https://t.co/kS9wJab83w
repo: https://t.co/paTs1uKRoz

https://t.co/9wUcCFERTM https://t.co/meO7bKfYqv

12:21 PM - 27 Oct 2020

If you been checking tech twitter this week you probably heard about Next.js Conf, they launched new stuff for their framework (Next.js) and new features for their deployment service (Vercel) but the coolest thing, in my opinion, was discovering that one of the starter projects they released was made with tailwind!

Release v2.0.0-alpha.5 · tailwindlabs/tailwindcss

Slow and steady, the tailwind team has been hard at work finishing up the latest touches for v2.0, we’re down to alpha 5 now, this time, upgrading to PostCSS 8.

github.com • Share

Article of the week

Speeding Up Tailwind CSS Builds

Ever since the tailwind team started growing in size, tailwind’s build times have decreased substantially. We’re talking seconds of savings here. To the point where I can now run PurgeCSS on each save, if I want to, on a small site, without impacting dev experience much.

But for the lot of you that do have big sites or less common setups, I think this article can give you pretty good notion of how to identify and optimize compiling speed issues in TailwindCSS.

IMPORTANT NOTE: Folks who use Webpack will get the most value from the article this is the module bundler the author is using.

nystudio107.com • Share

Showcase of the week

HelloSun invests in photovoltaics, for your roof.

Hello Sun is an elegant and minimalist website that heavily uses illustrations, bright accent colors, and visual hierarchy to portray its message. I find their overuse of white makes for a nice art on canvas effect.

For the curious, here’s what HelloSun is:

HelloSun is a partnership between you, us and the Brussels Region, helping the city go solar. A win-win partnership. Take part now!

hellosun.brussels • Share

Resource of the week