Size: a a a

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

2020 April 27

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Если отступы это часть дизайна, воздух вокруг элементов, то делаем паддинг
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Всё остальное внешнее взаимодействие — это margin и координаты
источник

SB

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

SB

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

SB

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

ꟿⅨ in CSS — русскоговорящее сообщество
Супер! Спасибо большое!
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Это важно помимать, а то БЭМ просто говорит “кококонтейнер не должен определять своё положение в пространстве”. А как — не говорит.
источник

ꟿⅨ in CSS — русскоговорящее сообщество
А ещё есть что-то по поводу перфоманса против обычных мардижнов?
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
ꟿⅨ
А ещё есть что-то по поводу перфоманса против обычных мардижнов?
ваааай
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
нет никаких обычных мэрджинов
источник

SB

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

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
есть внутренние поля и внешний отступ, каждому своё назначение
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
и уж думать о производительности — точно не надо, это не те вещи, которые на неё реально влияют
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Короче, думай об этом так: если тебе надо чтобы блок ни при каких условиях не прилипал к другому, вне зависимости от того, флексы это, блочная модель или гриды — используй паддинг. Тогда блок заберёт своё место навсегда.
источник

ꟿⅨ in CSS — русскоговорящее сообщество
А что вообще влияет на перфоманс?
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Ну много чего, но реально заметно влияют фильтры, тени, градиенты и анимация свойств, вызывающих repaint. Например, bg position, top, left.
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Ты я так понимаю совсем зелёный, поэтому не задумывайся об этом.
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
А если хочешь задуматься, почитай про repaint и reflow
источник

ꟿⅨ in CSS — русскоговорящее сообщество
А будет какая-то разница прописывать margin обьекта внутри его контейнера вместо паддинга конейнера?
источник

ꟿⅨ in CSS — русскоговорящее сообщество
Sergey Bekharsky
А если хочешь задуматься, почитай про repaint и reflow
Да, зеленный :)
источник