> ## 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 #176: Fixes for Chrome, Official Templates Marketplace Hints, and New v4 Betas 🚀 - URL: https://tailwindweekly.com/issue-176/ - Published: 2024-11-16T00:00:00.000Z - Updated: 2025-08-22T07:53:32.000Z - Author: Vivian Guillen - Tags: #Import 2025-09-20 20:01 Hello folks! We got a couple of new stuff this week, from bugfixes to new v4 features (with tips!), v4 is slowly but surely making progress. Also, it's the middle of November, and the Black Friday sales are ramping up! I'll be sending a special Black Friday edition in a few weeks, so stay tuned. Let's dive in! ## **🌟 News** #### **[Fix](https://x.com/adamwathan/status/1857135673968631889?ref=tailwindweekly.ongloat.com) for custom text selection colors [broken](https://github.com/tailwindlabs/tailwindcss/issues/15000?ref=tailwindweekly.ongloat.com) in Chrome 131** If you customized the text selection property on your site, then you need to update to tailwindcss@3.4.15 and set this flag on your tailwind config: #### **We may get an official templates marketplace 👀** Adam [tweeted](https://x.com/adamwathan/status/1856709014404362693?ref=tailwindweekly.ongloat.com) this week asking template makers to mention their best templates, and the Tailwind Labs team will pick the best ones and showcase them on the Tailwind site. There will probably be a shared revenue scheme which is standard in the industry. I think this will be great for the community so small template makers will get more visibility 🙂 ### **A couple of v4 tips from Adam** We got 3 new v4 betas this week, and Adam tweeted a few of the new coolest features like: *In v4, you'll be able to specify the [color interpolation mode for gradients](https://x.com/adamwathan/status/1856519817617945047?ref=tailwindweekly.ongloat.com)* ![](https://tailwindweekly.com/content/images/image-231.jpeg) **In v4, this is [all you'll have to do](https://x.com/adamwathan/status/1855592067029737512?ref=tailwindweekly.ongloat.com) for py-1 to mean 1px instead of 4px, py-7 to mean 7px instead of 28px* ![](https://tailwindweekly.com/content/images/image-232.jpeg) ****CSS now has an official logo 🎨** This is more on the community side, but it was notable enough to mention it! Believe it or not, CSS has never had an official logo. When CSS3 came out, people just defaulted to using the CSS3 logo, but it was never *official*. Well the CSS-Next Community Group finally came together and [created one](https://github.com/CSS-Next/logo.css?ref=tailwindweekly.ongloat.com)! ![](https://tailwindweekly.com/content/images/image-233.jpeg) ****📚 Learning** ![](https://tailwindweekly.com/content/images/image-234.jpeg) ****[The most effective ways to improve Core Web Vitals](https://web.dev/articles/top-cwv?ref=tailwindweekly.com)** This article is a great resource for improving your site's Core Web Vitals, focusing on Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Interaction to Next Paint (INP). It gets straight to the point with practical, easy-to-do tricks that really work. ### **[CSS display contents](https://ishadeed.com/article/display-contents/?ref=tailwindweekly.com)** Another great piece by Ahmad Shadeed! This is a deep dive into the CSS property display: contents and how it can be a game-changer for creating more fluid layouts. He breaks down practical examples, like rearranging elements without altering the HTML structure, and showcases how it can simplify complex layouts by ungrouping elements within containers. ### **[Installing Google Fonts as npm packages](https://www.amitmerchant.com/google-fonts-as-npm-packages/?ref=tailwindweekly.com)** Amit Merchant dives into a handy solution for installing Google Fonts via npm packages using Fontsource. It tackles the typical issues of traditional font inclusion—avoiding extra HTTP requests, managing multiple fonts conveniently, and addressing privacy concerns—as Fontsource offers a straightforward way to self-host these fonts. Amit explains how easy it is to integrate these fonts into your project with npm commands and import statements, making it a breeze to manage fonts locally, reduce request load times, and even enable offline use for Progressive Web Apps. ## **💅 Showcase** ![](https://tailwindweekly.com/content/images/image-235.jpeg) ****[Querio](https://querio.ai/?ref=tailwindweekly.com)** Querio is the BI platform that helps developers to query and explore data with AI agents that connect directly to your database, maintaining business context. It supports intuitive querying, dynamic dashboards, and powerful charting—all designed to enhance efficiency and data-driven decision-making. ## **🎁 Resource** ![](https://tailwindweekly.com/content/images/image-236.jpg) ****[FlyonUI](https://flyonui.com/?ref=tailwindweekly.com)** FlyonUI is an open-source components library built with Tailwind. The library features semantic classes and JavaScript plugins, and its compatible with Vue.js and React. I see this as a [Daisy UI](https://daisyui.com/?ref=tailwindweekly.ongloat.com) competitor, and I really liked their designs. ## **👌 Cool Stuff** Some of these are affiliate links, so I get compensated in some way if you buy through them at no cost to you. **["Level up with Tailwind CSS"](https://shrutibalasa.gumroad.com/l/level-up-with-tailwind-css?ref=tailwindweekly.ongloat.com)** by Shruti dives into real-world Tailwind examples and **offers tips even seasoned users will find valuable**. Plus, there's an accompanying video course with fresh content every week. If you're serious about **improving your Tailwind CSS skills,** this book is for you! --- **[Velvet](https://www.usevelvet.com/?ref=tailwindweekly.com)** – Deploy AI confidently with easy analysis, evaluation, and monitoring in just 2 lines of code. --- **[PM2](https://pm2.keymetrics.io/?ref=tailwindweekly.com)** – Effortlessly keep your Node.js apps running 24/7 with PM2's powerful process manager. --- **[Gleek](https://www.usevelvet.com/?ref=tailwindweekly.com)** – Create diagrams using only your keyboard. Generate and visualize ideas effortlessly for free! --- Do you want to share something with the Tailwind CSS 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-5.jpeg)