Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2021 March 22

AZ

Andrew Zahalski in Верстка сайтов HTML/CSS/JS/PHP
uAtakhan
я не знаю как это реализовать :(
нужен скрин для меньшего разрешения
вероятно просто background
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
V. Lavrinovics 🇦🇹
Парни, как вам такая запись:  
class="block-element--block-name---modifier-name" 
?
По сравнению с class="block-name__element-name--modifier-name"
?
чем block--element_modifier плох, что за name там везде
источник

AA

Alex Aone in Верстка сайтов HTML/CSS/JS/PHP
Во время вёрстки постоянно возникает желание назвать класс типа

header-left и header-right

Чтобы разграничить левую и правую часть чего-то.

Можно ли давать такие имена классам или лучше придумать что-то более осмысленное? Проблема в том что такое происходит постоянно
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
можно, но не нужно
источник

и

иззет in Верстка сайтов HTML/CSS/JS/PHP
uAtakhan
как отобразить этот .png если он выходит за <div>?

скрин взят с ФИГМА
Я недавно делал подобную штуку
Поставил абсолютом
источник

AA

Alex Aone in Верстка сайтов HTML/CSS/JS/PHP
idkfa
можно, но не нужно
А как иначе можно поступить?
источник

DS

Daniil 🦠 Simushkin... in Верстка сайтов HTML/CSS/JS/PHP
Alex Aone
А как иначе можно поступить?
можно просто сетку кинуть
источник

VL

V. Lavrinovics 🇦🇹... in Верстка сайтов HTML/CSS/JS/PHP
idkfa
чем block--element_modifier плох, что за name там везде
Нужно без camelCase(например productItem) и без one__name или one_name итп.
источник

u

uAtakhan in Верстка сайтов HTML/CSS/JS/PHP
Alex Aone
Во время вёрстки постоянно возникает желание назвать класс типа

header-left и header-right

Чтобы разграничить левую и правую часть чего-то.

Можно ли давать такие имена классам или лучше придумать что-то более осмысленное? Проблема в том что такое происходит постоянно
делай как я :)

.hl = header-left
.hr = header-right
источник

AA

Alex Aone in Верстка сайтов HTML/CSS/JS/PHP
Daniil 🦠 Simushkin
можно просто сетку кинуть
Я осознанно сейчас только flexbox использую
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
нет там никакого left и right в адаптивной верстке, нейминг должен быть осмысленный
источник

DS

Daniil 🦠 Simushkin... in Верстка сайтов HTML/CSS/JS/PHP
Alex Aone
Я осознанно сейчас только flexbox использую
сеток на флексбокс не бывает что ли? :)
источник

AA

Alex Aone in Верстка сайтов HTML/CSS/JS/PHP
uAtakhan
делай как я :)

.hl = header-left
.hr = header-right
Ну я такой же калл делаю но
источник

AA

Alex Aone in Верстка сайтов HTML/CSS/JS/PHP
Daniil 🦠 Simushkin
сеток на флексбокс не бывает что ли? :)
?
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
V. Lavrinovics 🇦🇹
Нужно без camelCase(например productItem) и без one__name или one_name итп.
тогда тебе не в бэм явно
источник

DS

Daniil 🦠 Simushkin... in Верстка сайтов HTML/CSS/JS/PHP
зачем обзывать что-то лефт и райт, если это тупо можно рассмотреть как grid > w-1/2 + w-1/2
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
Daniil 🦠 Simushkin
зачем обзывать что-то лефт и райт, если это тупо можно рассмотреть как grid > w-1/2 + w-1/2
+ нет никаких left/right
источник

DS

Daniil 🦠 Simushkin... in Верстка сайтов HTML/CSS/JS/PHP
V. Lavrinovics 🇦🇹
Нужно без camelCase(например productItem) и без one__name или one_name итп.
попробуй функциональный css
источник

AA

Alex Aone in Верстка сайтов HTML/CSS/JS/PHP
Daniil 🦠 Simushkin
зачем обзывать что-то лефт и райт, если это тупо можно рассмотреть как grid > w-1/2 + w-1/2
Так грид и бутсрап это не флексы
источник

AA

Alex Aone in Верстка сайтов HTML/CSS/JS/PHP
А самописной сетки у мен нет
источник