> ## 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 #203: Quiet Week, Great CSS Links & Fresh Components 😄!
- URL: https://tailwindweekly.com/issue-203/
- Published: 2026-01-24T13:00:17.000Z
- Updated: 2026-01-24T13:00:17.000Z
- Author: Vivian Guillen

Hello folks!

No major news to report this week, but I still have great links to share 😄. 

## **🤩 Windy Picks**

[![](https://tailwindweekly.com/content/images/image-330.jpeg)](https://design2tailwind.com/?ref=tailwindweekly.com)

**Stop wrestling with markup and focus on what matters—your business logic. We transform your designs into pixel-perfect Tailwind CSS code.**

Led by seasoned developers Vivian and Daniela, we specialize in converting your PSD, Figma, Adobe XD, and Sketch files into good, responsive, and maintainable Tailwind CSS markup.

Complete our quick [3-minute form](https://design2tailwind.com/?ref=tailwindweekly.com#quote-form) and receive a tailored quote within 24 hours.

## **📚 Learning**

[![](https://tailwindweekly.com/content/images/2026/01/4-css-features-for-2026.jpg)](https://nerdy.dev/4-css-features-every-front-end-developer-should-know-in-2026?ref=tailwindweekly.com)

### [4 CSS Features Every Front-End Developer Should Know In 2026](https://nerdy.dev/4-css-features-every-front-end-developer-should-know-in-2026?ref=tailwindweekly.com)

Adam Argyle breaks down four newer CSS features that shipped in 2025 and shows how they unlock things we used to reach for JS for, like staggered animations with `sibling-index()`, scroll-aware UI using `@container scroll-state()`, precise typography with `text-box`, and safer HTML to CSS wiring with typed `attr()`.

### [How to have the browser pick a contrasting color in CSS](https://webkit.org/blog/16929/contrast-color/?ref=tailwindweekly.com)

This article introduces `contrast-color()`, a new CSS function that lets the browser automatically choose black or white text based on which one contrasts better with a given color. The post also explains why the current WCAG 2–based algorithm can feel “wrong” perceptually, and how future standards like APCA could improve this.

### [Introducing command and commandfor](https://developer.chrome.com/blog/command-and-commandfor?ref=tailwindweekly.com)

Chrome 135 introduces `command` and `commandfor`, a declarative way for buttons to control popovers and dialogs without JS, state syncing, or manual ARIA wiring. It replaces `popovertarget*`, improves accessibility by default, and even supports custom commands for component APIs. 

## **💅 Showcase**

[![](https://tailwindweekly.com/content/images/2026/01/showcase.jpeg)](https://leotrapani.com/?ref=tailwindweekly.com)

### [Leonardo Trapani's personal website](https://leotrapani.com/?ref=tailwindweekly.com)

Leonardo Trapani is a 19-year-old software developer and entrepreneur based in Milan, currently studying at Bocconi. An early employee at Datapizza, he’s led frontend strategy and shipped real products used by thousands, with a strong focus on systems, Go, and modern TypeScript stacks.

## **🎁 Resource**

![](https://tailwindweekly.com/content/images/2026/01/kibo.jpeg)

### [Kibo UI](https://www.kibo-ui.com/?ref=tailwindweekly.com)

Kibo UI is a free, open-source registry of advanced, composable components built on top of `shadcn/ui`. It features higher-level stuff like Gantt, Kanban, editors, dropzones, color pickers, and tons of production-ready patterns you can copy. 

## **👌 Cool Stuff**

[**Tail Lens**](https://taillens.io/?aff=lVeE1&ref=tailwindweekly.com) \- A browser tool to tweak classes and preview the results instantly in-browser, then copy the final classes straight into your code for a guaranteed productivity boost.

---

[**TailwindSQL**](https://tailwindsql.xyz/?ref=tailwindweekly.com) – A playful experiment that lets you write SQL queries using Tailwind-style class names and render results as components.

---

[**Heynote**](https://heynote.com/?ref=tailwindweekly.com) – A fast, block-based scratchpad for devs with syntax highlighting, quick notes, and auto formatting.

---

[**Hopp**](https://www.gethopp.app/?ref=tailwindweekly.com) – An open-source, low-latency remote pair programming app built for developers.

---

Do you want to share something with the Tailwind CSS community?  
You can [submit a link](https://forms.gle/2WhynnUkJTHkM7746?ref=tailwindweekly.com) or message me on Twitter [@vivgui](https://twitter.com/vivgui?ref=tailwindweekly.com).

Want to support the newsletter? You can buy me a coffee with this [link](https://buymeacoffee.com/vivgui?%5Fbhlid=461b0785ee212d62b7805c1050a4f0f8d3bc5f45&ref=tailwindweekly.com) 😁.