UI/UX дизайн, UX-исследования, UX-стратегия, UX-копирайтинг, UX-команда, UX-маркетинг, бренд-экспириенс, AX-algorithmic experience, client / customer experience. Вам не показалось, что засилье новых терминов и дисциплин намекает на то, что UX — это не просто конкретный этап разработки или специализация, а нечто большее?

Под «разрешающим» селектором я понимаю такой селектор, который выполняет какую-то задачу, а не отключает какое-то правило.

В CSS много цветовых форматов — hex-коды, rgb(), hsl(), lch() и ещё несколько других. Сложно понять, какой использовать, ведь между форматами есть важные отличия. И, если честно, многие из нас считают «важными» совсем не то. 🙂

В профессии нахожусь уже более пяти лет и периодически встречаюсь с ошибкой: дизайнеры не всегда в процессе передачи макета в разработку проверяют, все ли кейсы и состояния учтены. Это приводит к потере времени и напряжению в команде.

Шаги, примеры оформления и полезный шаблон ищите под катом. Рассчитываю, что текст будет полезен джунам и мидлам как в дизайне, так и во фронтенд-разработке.

По своей сути селектор :has() является реляционным псевдоклассом. Это означает, что он позволяет выбрать элемент на основе его отношений с другими элементами. В частности, он выбирает элемент, если тот содержит другой элемент, соответствующий заданному селектору.

Еще до того как вы начнете подбирать цвета нужно ответить на несколько базовых вопросов:

В каком стиле будет интерфейс?
Кто пользователь ваших интерфейсов?
Будет ли темная тема?
На каких экранах интерфейсом будут пользоваться?
У вас проектная разработка под конкретного заказчика или продуктовый подход с возможностью смены акцентных цветов?

Эта задача сложнее чем кажется.