Size: a a a

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

2020 June 27

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
background-position
источник

C

Combot in Верстка сайтов HTML/CSS/JS/PHP
⚠️ Читай правила (!rules в чат), чтобы не получить бан!

✅ Группа Вк: vk.com/web_structure
✅ Библиотека верстальщика: @weblibrary
✅ Маркетолог: @bigmarketolog
✅ Веб Дизайн: @dev_design
✅ Freelancer: @web_fl
источник

A

Alabama in Верстка сайтов HTML/CSS/JS/PHP
Максим Кавецкий
Я немного запутался в файликом "текста" (из ответа моего, 1-й пункт).
Вот я сделал скрин и подписал основные шрифты. Получается чего надо делать в файле с текстом? Ну допустим я могу создать блок header и давать ему модификаторы mont, comf. Потом получается надо сделать элемент "подсветка" header__highlight--orange , а что делать со словом "Город", типа делать модификатор для medium? и потом еще отдельный блок text для серого текста?
Что за файлик текста?
источник

МК

Максим Кавецкий... in Верстка сайтов HTML/CSS/JS/PHP
Alabama
Что за файлик текста?
файл в котором весь текст должен быть, по идеи
источник

C

Combot in Верстка сайтов HTML/CSS/JS/PHP
⚠️ Читай правила (!rules в чат), чтобы не получить бан!

✅ Группа Вк: vk.com/web_structure
✅ Библиотека верстальщика: @weblibrary
✅ Маркетолог: @bigmarketolog
✅ Веб Дизайн: @dev_design
✅ Freelancer: @web_fl
источник
2020 June 28

МК

Максим Кавецкий... in Верстка сайтов HTML/CSS/JS/PHP
а вот такую запись норм юзать?
источник

RS

Roman Serdyuk in Верстка сайтов HTML/CSS/JS/PHP
*, *::before, *::after {
 box-sizing: border-box;
}
источник

RS

Roman Serdyuk in Верстка сайтов HTML/CSS/JS/PHP
Даже такую норм.
источник

F

Foma in Верстка сайтов HTML/CSS/JS/PHP
Roman Serdyuk
*, *::before, *::after {
 box-sizing: border-box;
}
лайфхаки пошли
источник

C

Combot in Верстка сайтов HTML/CSS/JS/PHP
⚠️ Читай правила (!rules в чат), чтобы не получить бан!

✅ Группа Вк: vk.com/web_structure
✅ Библиотека верстальщика: @weblibrary
✅ Маркетолог: @bigmarketolog
✅ Веб Дизайн: @dev_design
✅ Freelancer: @web_fl
источник

МК

Максим Кавецкий... in Верстка сайтов HTML/CSS/JS/PHP
Является ли проблемой (для скорости загрузки сайта) наличие svg иконок в html в теговом виде? Кароче, как на картинке (и это даже не конец)
источник

МК

Максим Кавецкий... in Верстка сайтов HTML/CSS/JS/PHP
типа, будет ли разница между вставкой как обычную картинку или таким образом? (или таким образом но в css)
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
Максим Кавецкий
Является ли проблемой (для скорости загрузки сайта) наличие svg иконок в html в теговом виде? Кароче, как на картинке (и это даже не конец)
Загугли свг спрайт.
Если коротко то да, не слишком большая, но будет. Свг спрайт оптимальнее.
источник

МК

Максим Кавецкий... in Верстка сайтов HTML/CSS/JS/PHP
Alex Elkin🇪🇸
Загугли свг спрайт.
Если коротко то да, не слишком большая, но будет. Свг спрайт оптимальнее.
А спрайт разве не по такому же принципу делается? Там же тоже подключение этого большого кол-ва строк, только уже в теre svg
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
для начала этот svg неплохо бы оптимизировать
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
Максим Кавецкий
А спрайт разве не по такому же принципу делается? Там же тоже подключение этого большого кол-ва строк, только уже в теre svg
ну как не в теге свг... не в диве же они...
Это похоже, но отличается. Т.к. спрайт более оптимален.
найди статью, это долго объяснять я с телефона
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
Где то видел хороший гайд по свг спрайту там сразу с настройкой окружения в нпм которое берет из папочки свг оптимизирует их и склеивает.
источник

В

Владимир in Верстка сайтов HTML/CSS/JS/PHP
Максим Кавецкий
типа, будет ли разница между вставкой как обычную картинку или таким образом? (или таким образом но в css)
Так лучше не вставлять фото
1) увеличивает код html
2) плохо читаемость кода
3) нельзя оптимизировать фото
источник

VV

Vladislav Valabuev in Верстка сайтов HTML/CSS/JS/PHP
Владимир
Так лучше не вставлять фото
1) увеличивает код html
2) плохо читаемость кода
3) нельзя оптимизировать фото
Обычная картинка это img, о чем ты?
источник

т

теперь я дед... in Верстка сайтов HTML/CSS/JS/PHP
ahahaha
источник