Size: a a a

CSS — русскоговорящее сообщество

2020 May 23

н#

не ты зло, а moment.... in CSS — русскоговорящее сообщество
окей, я не прав, статья более менее норм
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Это не совсем ресет. Это какой-то сборник дефолтных настроек среды, и утилит, которые приглянулись этому автору.   Такие сбросы нужны когда ты НЕ верстаешь независимыми блоками. И перенеся блок на другой сайт должен быть уверен что он возможно не заработает как ты хотел)
источник

О

Олег in CSS — русскоговорящее сообщество
Андрей Гуртовой
Это не совсем ресет. Это какой-то сборник дефолтных настроек среды, и утилит, которые приглянулись этому автору.   Такие сбросы нужны когда ты НЕ верстаешь независимыми блоками. И перенеся блок на другой сайт должен быть уверен что он возможно не заработает как ты хотел)
а что вы понимаете под версткой независимыми блоками?
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Олег
а что вы понимаете под версткой независимыми блоками?
Когда сверстав компонент 1 раз ты переносишь его на много сайтов и он отображается везде одинаково. Вне зависимости от использования в них ресетов
источник

О

Олег in CSS — русскоговорящее сообщество
Андрей Гуртовой
Когда сверстав компонент 1 раз ты переносишь его на много сайтов и он отображается везде одинаково. Вне зависимости от использования в них ресетов
у меня как раз такой кейс. (лендос будет частью более крупного сайта. как в этом случае лучше сделать чтобы при переносе не было проблем?
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
В статье есть несколько примеров с высокой специфичностью.

article > * + * {
 margin-top: 1em;
}


Не советую так делать, потому что вы не сможете переопределить это правило 🤷‍♂️ обычным классом это убьёт простоту разработки
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Олег
у меня как раз такой кейс. (лендос будет частью более крупного сайта. как в этом случае лучше сделать чтобы при переносе не было проблем?
Единственный способ везде руками сбрасывать там где нужно.


Например если используешь ширину и паддинги то добавляй бокс-сайзинг-Бордер-бокс
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Если используешь списки то заснули Марин и паддинг а затем ниже переопределяй в списке обьявлений
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Звучит бредово, но скорее всего есть автоматические инструменты для того же postcss
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Андрей Гуртовой
В статье есть несколько примеров с высокой специфичностью.

article > * + * {
 margin-top: 1em;
}


Не советую так делать, потому что вы не сможете переопределить это правило 🤷‍♂️ обычным классом это убьёт простоту разработки
Хм.. Был не прав


Универсальный селектор (*), комбинаторы (+, >, ~, ' ') и отрицающий псевдокласс (:not()) не влияют на специфичность. (Однако селекторы, объявленные внутри :not(), влияют)
источник
2020 May 24

AE

Alex Elkin🇪🇸 in CSS — русскоговорящее сообщество
Дмитий Левченко
Та тут просто на ангуляре, и чтоб не создавать лишней логики нужно(
источник

m

mazya in CSS — русскоговорящее сообщество
Подскажите, пожалуйста, как адекватно обозвать два довольно важных блока в начале сайта? Оба ведут на два самых важных раздела. Какие им имена дать следует?
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
mazya
Подскажите, пожалуйста, как адекватно обозвать два довольно важных блока в начале сайта? Оба ведут на два самых важных раздела. Какие им имена дать следует?
пользователю, который будет смотреть сайт, глубоко .... на то как у тебя там в коде что зовется -))
источник

IN

Igor N in CSS — русскоговорящее сообщество
important-block-1, important-block-2
источник

IN

Igor N in CSS — русскоговорящее сообщество
=)
источник

SK

Stas Kovalov in CSS — русскоговорящее сообщество
у меня чел на работе два блока вертикальных
источник

m

mazya in CSS — русскоговорящее сообщество
Ну так я бы назвал от балды, но спрашиваю для девов, чтобы было понятно
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Igor N
important-block-1, important-block-2
VERY-OOOOCHEN-MEGA-IMPORTANT
источник

m

mazya in CSS — русскоговорящее сообщество
источник

m

mazya in CSS — русскоговорящее сообщество
Ладно, пофиг :D
Всё равно там весь код не по стандарту, ибо билдер с WP
источник