Статья от Microsoft про влияние css-селекторов на производительность страницы и про оптимизацию перформанса стилей. Статья объясняет: - Как браузер обрабатывает селекторы и как они влияют на производительность - Какие инструменты есть в браузере для профилирования проблем с производительностью - На специальной демке наглядно, с цифрами, показывается, как "медленные" css-стили могут повлиять на перформанс и как это исправить Рекомендую к прочтению - очень хороший гайд по достаточно редкой теме.

Обзор инструментов для аудита css. Что может пойти не так с css: - Неиспользуемые правила - Слишком специфичные селекторы - Дублирование селекторов - Слишком много цветов - И прочее Инструменты позволяют наглядно посмотреть, что не так с вашим CSS и предлагают способы исправить ситуацию

Небольшая коллекция полезных CSS-техник и короткое напоминание, что стили для печати всё ещё актуальны.

How to build CSS animations and transitions in your interfaces that are inclusive, accesible and will enhance your users' experience.

Improving bundle compression to 40% of filesize via change standard css classname hash for splitting...

I am a curious person who is always interested in opening up the browser DevTools to see how things were made on a website. This is the first time that I blo...

Everything you ever wanted to know about data attributes in HTML, CSS, and JavaScript.

Автор сравнивает подходы css-in-js и plain-css. Указывает на плюсы и минусы обоих. В целом статья вышла нейтральной, с небольшим перегибом к css-in-js

I wrote about Gmail CSS support in 2016, quickly followed a few months later by an update following Gmail’s big responsive update. I…

After years of defaulting to PostCSS as our CSS processor of choice, we’ve recently considered reintroducing Sass to our stack.

On Code, Design, and Movement

A Webpack loader which allows to generate static CSS code via JavaScript - finom/css-dot-js-loader

Yep. Let's take a look at how to do it in different browsers. Although note the date of this blog post. This stuff tends to change over time, so if

50% faster server-side rendering, 20% faster client-side rendering, 19% smaller bundle size, RTL support and no breaking changes! 😍💯🎉💅

Written on 12 Feb 2019 When I announced my Hello, CSS! project last week most of the responses were pretty positive. Hurray! One person did criticize it: This is pretty bad. Why make up your own varia…

I’ve been playing with an early implementation of subgrid in Firefox, here are some screenshots and details.

Step by step guide on how to create a dark-light mode switch with CSS variables in your website

Quickly create grids, masonry, stacks and more layouts with these 10 CSS flexbox templates

Creating a masonry (or mosaic) layout with flexbox produces a grid with a seemingly shuffled and obscure order, but we can achieve a natural ordering by using :nth-child() and the order property

How to level up your console appearance

Привет Хабр! Не так давно я понял, что работа с CSS во всех моих приложениях — это боль для разработчика и пользователя. Под катом лежат мои проблемы, куча...

Some of the components I've explored here have specific standardized requirements in order to work as expected. Tab interfaces, for example, have a prescribed structure and a set of interaction behavi…

In only 5 minutes

A lightweight toolset for writing styles in JavaScript.

I have always struggled with the CSS property z-index. It sounds so easy at first. Elements with a higher z-index value are displayed in…

Today, the design landscape has changed completely. We’re equipped with new and powerful tools — CSS Grid, CSS custom properties, CSS shapes and CSS writing-mode, to name a few — that we can use to ex…

CSS resets are a collection of CSS styles that undo the default browser styling of many or most HTML elements. Recently I have seen cases of developers using display: contents on lists and headings to…

Последнее время меня всё чаще спрашивают про БЭМ. Потому я собрал самые частые вопросы и ответы на них в статью...

I was looking for a neat CSS-in-JS solution for Lána but I couldn’t find anything I liked. Most were lacking the flexibility I wanted while…