Social Media Ideas for Maintainable Css

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.

Dripyard Premium Drupal Themes: Why CSS Style Queries Are a Bigger Deal Than You Think

The last remaining reason to compile your CSS has just disappeared.CSS Style Queries have reached Baseline support across all major browsers, and they unlock something we've wanted...

Stop Using JS for Everything: Harnessing the Power of Pure CSS in 2026

I remember when building a simple dropdown menu or a sticky header required a library like jQuery. Later, we moved to writing Stimulus controllers or React hooks for every single t...

CSSOM (Cascading Style Sheets Object Model)

Building user-customizable themes with Tailwind CSS

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...

Пожалуйста, используйте эти CSS медиа-фукции

Привет, Хабр!Я начал использовать медиа-запросы ещё в 2011 году. Помню, как на работе руководитель подарил мне книгу Итана Маркотта «Отзывчивый веб-дизайн». В тот день я даже не ра...

Creating Memorable Web Experiences: A Modern CSS Toolkit

There are many ways to create memorable experiences. Sometimes it's as simple as a form that completes smoothly. But here I'm interested in sharing techniques I reach for when I wa...

@custom-media

The CSS @custom-media at-rule allows creating aliases for media queries. @custom-media originally handwritten and published with love on CSS-Tricks. You should really get the news...

Algorithmic Theming Engines: Building Self-Correcting Color Systems With `contrast-color()`

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...

The Hairline Border Trick: One CSS Property Doing Three Jobs

Open the inspector on any Linear card, any Stripe input, any Vercel panel. Look for the border. Now look at the box-shadow property…Continue reading on UX Planet »

Stop Using JS for Everything: Harnessing the Power of Pure CSS in 2026

I remember when building a simple dropdown menu or a sticky header required a library like jQuery….

How to Leverage PurgeCSS in Your Rails App for Faster Stylesheets

It’s common for Rails applications to serve massive CSS files filled with unused Bootstrap, Tailwind, or custom utility classes as projects grow.

Building user-customizable themes with Tailwind CSS

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...

Building Custom Form Selection Boxes - Working on Accessibility

Whenever I find myself needing to update a previous blog post, I either correct it inline and add a small note on top, for small tweaks, or write a whole new piece for larger chang...

Linking CSS Files to HTML: The Ultimate Tutorial for You | Simplilearn

Cascading Style Sheets, or CSS (as it is commonly referred to), is a simple design language intended to simplify the process of making web pages presentable. It is a powerful tool...

Cross-Document View Transitions: Scaling Across Hundreds of Elements

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...

@function

The @function at-rule defines CSS custom functions. These custom functions are reusable blocks of CSS that can accept arguments, contain complex logic, and return values based on t...

How to Leverage PurgeCSS in Your Rails App for Faster Stylesheets

Originally appeared on The Rails Tech Debt Blog.It’s common for Rails applications to serve massive CSS files filled with unused Bootstrap, Tailwind, or custom utility classes as p...

How to Leverage PurgeCSS in Your Rails App for Faster Stylesheets

Originally appeared on The Rails Tech Debt Blog.It’s common for Rails applications to serve massive CSS files filled with unused Bootstrap, Tailwind, or custom utility classes as p...

rails-css_unused v0.2.1 — Find unused CSS classes in Rails apps, with smart dynamic

rails-css_unused is a static analysis gem that scans your stylesheets and all view files to report CSS classes that are defined but never used — no server required, no browser, pur...

Safari Technology Preview 246 widens color, images and attr()

I opened the STP 246 notes between meetings and ended up writing four little test stylesheets before I closed the tab, which is usually how a release earns its keep. The short vers...

Я сделал Vite-плагин, который сохраняет изменения CSS прямо в исходники

Каждый раз, когда я хотел поправить отступ или цвет в процессе разработки, я делал одно и то же:открыл DevTools → нашёл элемент → поменял значение → понравилось → скопировал → пере...

Вы не знаете CSS. Мои вопросы о CSS с ответами. Версия 2026 года

Хабр, привет!В прошлом месяце я опубликовал статью с вопросами о HTML. Неожиданно для меня, она понравилась многим и стала одной из самых популярных за последнее время. Раз так пол...

7 Design Rules That Take 10 Minutes to Learn and Fix Your UI Forever

You can write clean code. Your logic is solid. Your app works perfectly.Continue reading on UX Planet »