> ## 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 #199: Dark Mode for Tailwind Plus, “Tailwind CSS by Example” Course, and Inclusive Design Tips 🌙 - URL: https://tailwindweekly.com/issue-199/ - Published: 2025-10-04T12:00:40.000Z - Updated: 2025-10-04T12:00:40.000Z - Author: Vivian Guillen - Tags: #Import 2025-09-20 20:01 Hello folks, long time no see 👋 This summer, I decided to take a break from the newsletter to focus on my health, and after plenty of rest, I'm back to our regular schedule 😄. ## **🌟 News** Here's what we missed since our last issue! ![](https://tailwindweekly.com/content/images/2025/10/Gy-9b2QWUAEzVCD.jpeg) ### “[Tailwind CSS by Example](https://tailwindcss.com/course?ref=tailwindweekly.com)” is coming ✨ Adam [announced](https://x.com/adamwathan/status/1958996192630612137?ref=tailwindweekly.com) an in-depth, real-world v4 course and it looks like its gonna be very hands on. We’re talking full flows like beautiful marketing pages, mobile-optimized UIs, and even a checkout with custom form elements, all built from scratch and pixel-perfect. What’s extra nice is the thinking he’ll share along the way: how to break designs into composable parts, when to write custom CSS (and how), and how he approaches component APIs so you can build faster with fewer regrets. He’s targeting a fall release, with a [waitlist](https://tailwindcss.com/course?ref=tailwindweekly.com) for early previews and behind-the-scenes updates. ![](https://tailwindweekly.com/content/images/2025/10/image.png) ### Dark mode is [here](https://x.com/adamwathan/status/1954906405711815068?ref=tailwindweekly.com) for Tailwind Plus 🌙 This one’s been a long time coming! Every single application UI and marketing block in [Tailwind Plus now has full dark mode support](https://tailwindcss.com/plus/changelog?ref=tailwindweekly.com#2025-08-11). Even better, there’s a handy picker that lets you toggle between light, dark, or system modes so you can grab the exact code snippet your project needs. The team really went the extra mile fine-tuning colors and hierarchy so the dark experience feels just as polished as the light one. ## **🤩 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/2025/10/screenshot-1366x768-1759539793708.webp)](https://www.smashingmagazine.com/2025/06/designing-for-neurodiversity/?ref=tailwindweekly.com) ### [Designing For Neurodiversity](https://www.smashingmagazine.com/2025/06/designing-for-neurodiversity/?ref=tailwindweekly.com) This is a fascinating intro to designing for neurodiversity. Instead of treating neurodivergent folks as edge cases, it argues that everyone experiences the web differently, so accessibility should be baked in from the start, not tacked on at the end. There are also a bunch of practical resources and toolkits to help you make your designs more inclusive, whether you’re thinking about dyslexia, ADHD, autism, colorblindness, or just good UX in general. If you want to build better, kinder digital experiences (and have a few new resources for your bookmark folder), this is definitely worth your time. ### [A Better API for the Intersection and Mutation Observers](https://css-tricks.com/a-better-api-for-the-intersection-and-mutation-observers/?ref=tailwindweekly.com) If you’ve ever found the native `ResizeObserver`, `MutationObserver`, or `IntersectionObserver` APIs a bit clunky to work with then this one is for you. You'll see how to refactor those verbose setups into much simpler, reusable functions you can drop into any project. You’ll not only get practical, copy-paste-ready code for each observer (with both callback and event-based approaches), but also a clear walkthrough of their disconnect/unobserve methods and all their options, so you finally understand what’s actually happening under the hood. ### [Partial Keyframes](https://www.joshwcomeau.com/animation/partial-keyframes/?ref=tailwindweekly.com) The article walks through how you can create fade-in and fade-out effects that adapt to each element’s current state, combine multiple animations on the same property, and even use CSS variables inside `keyframes` (seriously, you can make an animation that’s different for every element, just by setting a variable!). There’s a bunch of practical demos, a fun playground to tinker in, and some bonus tips on how to take your CSS animations to the next level. ## **💅 Showcase** ![](https://tailwindweekly.com/content/images/2025/10/screenshot-1366x768-1759540061314.webp) ### [Peasy](https://peasy.so/?ref=tailwindweekly.com) Peasy is the fast, lightweight analytics tool built for web developers who want actionable insights without the clutter. Just drop in their <3kb script, and you’re set with a privacy-first dashboard that’s easy to navigate, cookie-free, and packed with real-time data. ## **🎁 Resource** [![](https://tailwindweekly.com/content/images/2025/10/screenshot-1440x900-1759540152167.webp)](https://tweakcn.com/?ref=tailwindweekly.com) ### [tweakcn](https://tweakcn.com/?ref=tailwindweekly.com) If you’re using `shadcn/ui` and want your app to feel more intentional without wrestling tokens all day, this visual theme editor is a treat. You get a real-time preview, Tailwind v4 & v3 support, exportable code, and precise controls for colors, typography, radius, spacing, and shadows *and* plus a built-in contrast checker so you don’t ship unreadable combos. ## **👌 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. --- [**Loccy**](https://loccy.dev/?ref=tailwindweekly.com) – Effortlessly manage app translations with AI-powered localization for web, mobile, and desktop projects. --- [**Mossaik**](https://mossaik.com/?ref=tailwindweekly.com) – Instantly create stunning, customizable SVG wave backgrounds to boost your website’s visual appeal. --- 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) 😁.