> ## 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 #114: v3.3 is here 🀩 - URL: https://tailwindweekly.com/issue-114/ - Published: 2023-04-01T00:00:00.000Z - Updated: 2025-09-09T14:27:15.000Z - Author: Vivian Guillen - Tags: #Import 2025-09-20 20:01 Hello folks! We got a new Tailwind CSS release this week and it's packed! I love the new darker colors but wow those new gradient color stop positions are 🀯. See the news section for the entire list of new stuff! P.S. I'm currently looking for a full-time job. I'm a frontend dev with 6+ years of experience in Vue (3 with React) & some Laravel. If you're looking for a seasoned frontend dev who loves Tailwind CSS and also wants to learn backend then [email me](mailto:vivian@redpixel.io) 😁. Now onto our usual content πŸ˜‰. ## **🌟 News** Well folks after weeks of waiting, Tailwind CSS v3.3 has finally landed, and its awesome 🀩. Here's [everything new](https://tailwindcss.com/blog/tailwindcss-v3-3?ref=tailwindweekly.ongloat.com): - [Extended color palette for darker darks:](https://tailwindcss.com/blog/tailwindcss-v3-3?ref=tailwindweekly.ongloat.com) New darker 950 shades for every color. - [ESM and TypeScript support:](https://tailwindcss.com/blog/tailwindcss-v3-3?ref=tailwindweekly.ongloat.com) Write your config file using ESM or TypeScript. - [Simplified RTL support with logical properties:](https://tailwindcss.com/blog/tailwindcss-v3-3?ref=tailwindweekly.ongloat.com#simplified-rtl-support-with-logical-properties) Build layouts that adapt to different directions. - [Fine-tune gradient color stop positions:](https://tailwindcss.com/blog/tailwindcss-v3-3?ref=tailwindweekly.ongloat.com#fine-tune-gradient-color-stop-positions) Specify exactly where you want each color stop to go. - [Line-clamp out of the box:](https://tailwindcss.com/blog/tailwindcss-v3-3?ref=tailwindweekly.ongloat.com#line-clamp-out-of-the-box) Truncate multi-line text without a plugin. - [New line-height modifier:](https://tailwindcss.com/blog/tailwindcss-v3-3?ref=tailwindweekly.ongloat.com#new-line-height-shorthand-for-font-size-utilities) Set your font-size and line-height with one class. - [CSS variables without the var()](https://tailwindcss.com/blog/tailwindcss-v3-3?ref=tailwindweekly.ongloat.com#css-variables-without-the-var): New shorthand syntax for arbitrary values. - [Configurable font-variation-settings:](https://tailwindcss.com/blog/tailwindcss-v3-3?ref=tailwindweekly.ongloat.com#configure-font-variation-settings-for-custom-font-families) Baked directly into your font-\* utilities. - [New list-style-image utilities:](https://tailwindcss.com/blog/tailwindcss-v3-3?ref=tailwindweekly.ongloat.com#new-list-style-image-utilities) So you can use horrible clip art for bullet points. - [New hyphens utilities:](https://tailwindcss.com/blog/tailwindcss-v3-3?ref=tailwindweekly.ongloat.com#new-hyphens-utilities) For fine-tuning hyphenation behavior. - [New caption-side utilities:](https://tailwindcss.com/blog/tailwindcss-v3-3?ref=tailwindweekly.ongloat.com#new-caption-side-utilities) Title your tables with style. My favorite feature of this release is the new darker color variants, they look quite elegant in my opinion πŸ§‘πŸ»β€πŸŽ¨, and will be very useful down the line. Can't wait for Tailwind UI to adopt them. ## **πŸ“š Learning** ![](https://tailwindweekly.com/content/images/image-12.jpg) ****[Avoiding layout shifts: aspect-ratio vs width & height attributes](https://jakearchibald.com/2022/img-aspect-ratio/?ref=tailwindweekly.com)** This one is an old one but still very relevant. I liked the rabbit hole the author got into trying to determine which one is best but in the end, as with most things, "it depends". I particularly prefer the aspect ratio method because it's faster and more customizable with Tailwind. ### **[A Practical Guide to Centering in CSS](https://stackdiary.com/centering-in-css/?ref=tailwindweekly.com)** I swear every week I read a joke about how hard centering is in CSS but it's really not! It all depends on the scenario you got and this piece details and gives solutions to quite a lot of them. It uses regular CSS but you can definitely apply these tidbits with Tailwind CSS. ### **[Everything You Need to Know About the Gap After the List Marker](https://css-tricks.com/everything-you-need-to-know-about-the-gap-after-the-list-marker/?ref=tailwindweekly.com)** Yet another list marker article but I promise this one is even cooler! It shows you all the limitations and gotchas of working with the ::marker pseudo-element and let me tell you, they're quite a few! Overall a great piece on a very niche topic. ## **πŸ’… Showcase** ![](https://tailwindweekly.com/content/images/image-13.jpg) ****[liveblocks](https://liveblocks.io/?ref=tailwindweekly.com)** Another week, another beautiful website! This one has a dark theme and lots of micro animations, but my favorite one is a cool flashlight effect when you hover over specific sections, it's so cool 😍. ## **🎁 Resource** ![](https://tailwindweekly.com/content/images/image-14.jpg) ****πŸ‘Œ 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. --- **Designing on your own and want fancy icons? [Check out Iconfinder](https://tailwindweekly.link/iconfinder?ref=tailwindweekly.ongloat.com)**, they have the biggest and best selection of icons I have ever seen and at very affordable prices. ## **✌️ 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)