> ## Content Index > Fetch the complete content index at: https://tailwindweekly.com/llms.txt > Use this file to discover other available public pages before exploring further. # Tailwind Weekly #112: we got a handbook launch, a Tailwind animation guide, and more πŸ€“! - URL: https://tailwindweekly.com/issue-112/ - Published: 2023-03-11T00:00:00.000Z - Updated: 2025-09-09T14:34:02.000Z - Author: Vivian Guillen - Tags: #Import 2025-09-20 20:01 Hello folks! The Tailwind Labs team has been quiet recently but the community has been picking up! Last time we got a book and video course preorder and now we got a handbook launch! See the news section for more info. Now onto our usual content πŸ˜‰. ## **🌟 News** This week we got a community launch from [Surjith](https://x.com/surjithctly?ref=tailwindweekly.ongloat.com)! He released **the "Tailwind CSS Notion Handbook"**. He compiled all his knowledge from years of using Tailwind CSS and put it on a Notion workspace, some of the content includes: - Tailwind CSS Basics - 30 Tailwind CSS Tips - 10 Bonus Tips - Production Checklist - UI Kits & Templates - 20+ Tools & Resources It's a paid product but very affordable. Right now its priced at $9 if you use the code LAUNCH75. ## **πŸ“š Learning** ![](https://tailwindweekly.com/content/images/image-6.jpeg) ****[Different ways to get CSS gradient shadows](https://css-tricks.com/different-ways-to-get-css-gradient-shadows/?ref=tailwindweekly.com)** This great piece shows you how to do complex gradient shadows with CSS and features both non-transparent and transparent solutions, along with adding a border-radius. The process is complex but can really make your site "pop"! ### **[How to create custom CSS Animations in TailwindCSS](https://5balloons.info/how-to-create-custom-css-animations-in-tailwindcss/?ref=tailwindweekly.com)** Tailwind CSS comes with built-in animations like spin and pulse but you can also add your own! This article outlines exactly how to do that and uses a loading bar animation as an example. ### **[Debug your CSS with a ??? utility](https://www.shaunchander.me/debug-your-css-with-a-utility?ref=tailwindweekly.com)** The author posted this tip on the official Tailwind CSS discord chat and I found it very useful. It's basically the "add a border to everything" trick but with a clever class name. I think it would be a great addition to any starter project. ## **πŸ’… Showcase** ![](https://tailwindweekly.com/content/images/image-7.jpg) ****[Scale AI](https://scale.com/?ref=tailwindweekly.com)** Some people say 2023 will be the year of AI and now we're getting a lot of AI services with beautiful marketing pages. Scale AI is one of them! I really like the dark theme with the colorful and mouse-controlled animations. It makes it look really futuristic πŸ§‘πŸ»β€πŸš€. And that typography is just beautiful 😍. For the curious, here's what Scale AI does: *Scale delivers high quality training data for AI applications such as self-driving cars, mapping, AR/VR, robotics, and more.* ## **🎁 Resource** ![](https://tailwindweekly.com/content/images/image-8.jpg) ****[VantaJS](https://www.vantajs.com/?ref=tailwindweekly.com)** If there's one thing I love about web development, is beautiful animations so when I found VantaJS I was thrilled! It's a library to helps you generate custom background animations and its incredibly flexible. Some of the example animations even look like videos! Overall, a great way to spice up your next project. ## **πŸ‘Œ 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! Our friend **[Shruti](https://x.com/shrutibalasa/?ref=tailwindweekly.ongloat.com)**, the author of [Complete Guide to CSS Flex and Grid](https://tailwindweekly.link/flexbox-grid-book?ref=tailwindweekly.ongloat.com), **is writing another book! This time about Tailwind CSS and it'll also be a video course.** You can **preorder it** right now at a discount [here](https://shrutibalasa.gumroad.com/l/level-up-with-tailwind-css?ref=tailwindweekly.ongloat.com). --- **Inspect Flow - The complete developer tool for Tailwind CSS**. 50% off sale: [inspectflow.io](https://www.inspectflow.io/?ref=tailwindweekly.ongloat.com) --- **[Polypane](https://polypane.app/?ref=redpixel)** is an excellent tool for **testing your project’s responsive design and accessibility**. The best thing about it is that it helps me catch visual bugs in seconds rather than hours. Definitely worth the money for the time I have saved. --- **I highly recommend [LambdaTest](https://tailwindweekly.link/lambdatest?ref=tailwindweekly.ongloat.com) 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 the coupon code TAILWIND15 for 15% off the annual plan. ## **✌️ Partners** **[CSS Simplified by Shruti Balasa](https://shrutibalasa.substack.com/?ref=tailwindweekly.ongloat.com)**: One simple CSS tip every Wednesday from her decade of experience right into your inbox. --- **[TypeScript Weekly](https://typescript-weekly.com/?ref=tailwindweekly.ongloat.com)**: the best TypeScript links every week, right in your inbox. --- **[This Week In React](https://thisweekinreact.com/?ref=tailwindweekly.ongloat.com)**: the best of React & React-Native news. Sebastien filters the noise, and you save time! --- Want to share something with the TailwindCSS community? You can [submit a link](https://tailwindweekly.link/submit?ref=tailwindweekly.ongloat.com) or message me on Twitter [@vivgui](https://x.com/vivgui?ref=tailwindweekly.ongloat.com). Want to support the newsletter? You can buy me a coffee with the link below 😁. ![](https://tailwindweekly.com/content/images/image-9.jpeg)