Choosing CSS Selectors for Production: Specificity, Modern Pseudo-Classes, and Maintainable Styles
Struggling with CSS selector specificity in production? Learn when to use :has(), :is(), and :where() to keep styles predictable and maintainable.
Search fresh public links, source activity, and post angles for Maintainable Css.
Fresh curated links around Maintainable CSS are collected here so marketers can spot useful updates and turn timely ideas into posts faster.
Recent items include:
Recent curated links from global sources. Generate one free draft from any story, then use SocialBu to schedule and refine your content calendar.
Struggling with CSS selector specificity in production? Learn when to use :has(), :is(), and :where() to keep styles predictable and maintainable.
Cascade layers, specificity tricks, smarter ordering, and even some clever selector hacks can often replace !important with something cleaner, more predictable, and far less embarr...
The Performance Wall Every developer has been there: your project grows, and suddenly your CSS bundle is a bloated mess, or your "utility-first" framework has made your HTML unrea...
Originally appeared on Radan Skorić's website.pseudo, adjective: being apparently rather than actually as stated CSS pseudo-classes are like regular classes in that they can be use...
Originally appeared on Radan Skorić's website.pseudo, adjective: being apparently rather than actually as stated CSS pseudo-classes are like regular classes in that they can be use...
When a small UI interaction gets tricky, it’s easy for Stimulus/JS to end up full of class toggling that’s really just presentation logic. This article is for that exact situation:...
Go beyond balance. Learn how text-wrap: pretty improves readability, reduces awkward breaks, and makes your UI feel more polished.
За последние годы CSS сильно изменился: появились вложенность, новые селекторы, container queries и нормальная работа с темами. В этой статье - краткий разбор ключевых фич, которые...
Originally appeared on Julia Evans.Hello! 8 years ago, I wrote excitedly about discovering Tailwind. At that time I really had no idea how to structure my CSS code and given the ch...
Originally appeared on Andy Croll.When you’re building views in Rails, you often need to apply CSS classes conditionally. Maybe a nav link should look different when it’s the curre...
https://railsdesigner.com/building-customizable-tailwind-themes/ — Using OKLCH you can tweak one custom property, e.g. :root { --color-value: 60; } and get a UI in all the colours...
Some parts of the browser feel untouchable, like they came built-in from the browser itself. Can CSS help us with that?CSS you didn’t know you could styleMost developers think of C...
Seventy percent of websites still fail basic WCAG contrast checks in 2025. After years of design system tooling, accessibility linters, and JavaScript libraries, nothing moved the...
Originally appeared on Rails Designer Blog.A little while ago I was asked to to build a “white-label” feature into an existing app. Their customers can now customize the app to mat...
A clever use of CSS to calculate and display a discounted product price by providing a base price and discount amount, featuring modern CSS features like attr(), mod(), and round()...
В 2026 году фронтенд-разработка продолжает развиваться: появляются новые фреймворки, улучшаются инструменты сборки, растут требования к производительности и пользовательскому опыту...
Привет, Хабр.Мне нравится, когда красивые и дружелюбные интерфейсы радуют пользователя. Хоть я уже не создаю их, но я стараюсь помочь коллегам создавать более качественный пользова...
Привет, Хабр.Мне нравится, когда красивые и дружелюбные интерфейсы радуют пользователя. Хоть я уже не создаю их, но я стараюсь помочь коллегам создавать более качественный пользова...
Every view-transition-name on a page must be unique. The problem is that every pseudo-element selector in your CSS targets a specific name, so your animation styles explode into an...
Помните времена, когда цвета в CSS выбирались почти наугад? Белый фон — #FFF, чёрный текст — #000, акцент — какой-нибудь #3498db, который просто нормально смотрится? Для раннего ве...
Originally appeared on Julia Evans.A while back I decided to stop using Tailwind for new projects and to just write vanilla CSS instead. But one thing I missed about Tailwind was t...
The old (testing in Safari when you don’t have Safari), the new (::checkmark), the in-between (anchor positioning but with HTML), and more. What’s !important #12: Safari Testing,...
One of the best-known examples of CSS state management is the checkbox hack. What if we want a component to be in one of three, four, or seven modes? That is where the Radio State...
A clever approach for selecting multiple dates on a calendar where the :nth-child()'s “n of selector” syntax does all the heavy lifting... even in the JavaScript. Selecting a Date...
Use SocialBu to discover ideas, generate post drafts, and schedule them across your social channels.