Size: a a a

2021 July 05

T

Th0r in JS Liberty
да
источник

J

John in JS Liberty
я так и знал
источник

T

Th0r in JS Liberty
https://youtu.be/hoC_fjeL6P4 вот глянь, тут как раз и картинки и растягивания и прочее
YouTube
Адаптивная вёрстка лендинга. Как сделать верстку сайта. Правильная верстка сайта. Респонсив.
В этом мастер-классе покажу как сделать отзывчивый (responsive) адаптив. Научимся делать правильную адаптивную вёрстку лендинга используя HTML(KIT) CSS(SCSS) БЭМ и JS(jQuery).

🤟 Макет + напоминалка: http://fls.guru/files/tutorials/adaptive-files.zip
🤟 Применение класса "ibg" - http://fls.guru/ibg.html

👉 Адаптивная верстка - https://youtu.be/XbnAKjjlgc4
👉 Адаптивное меню бургер - https://youtu.be/chJQofBSx94
👉 Настройка Sublime Text 3 - https://youtu.be/xWhTf_o86Lg
👉 Про Avocode - https://youtu.be/Mo8m8SW_8H0
👉 Про Prepros/ Препроцессор .kit - https://youtu.be/BqO5Pj26om8
👉 Препроцессор SASS/SCSS - https://youtu.be/Mrq2ora_p0o
👉 Про БЭМ - https://youtu.be/HihYQVuH64U
👉 Подключение шрифтов - https://youtu.be/GwA0BN5RgB0

💪 Результат верстки доступен для подписчиков на патреоне:
https://www.patreon.com/posts/materialy-32467238
💪 Стартовый шалон "Чертоги фрилансера":
https://www.patreon.com/posts/startovyi-1-0-30032105
💪 Инструкция к шаблону:
https://www.patreon.com/posts/strim-k-rezultat-31632781

🔴 Получить…
источник

J

John in JS Liberty
ладно
источник

p

persona x grata in JS Liberty
ну width 100%
источник

p

persona x grata in JS Liberty
источник

T

Th0r in JS Liberty
в одном блоке надо две картинки, чтобы одна занимала в 2 раза больше, чем другая?
33.333% и 66.6666%
источник

p

persona x grata in JS Liberty
это другой кейс
источник

T

Th0r in JS Liberty
как это? он спросил, можно ли картинкам задавать размер в процентах? иногда это НУЖНО, я привел пример, когда без этого не обойдешься. какой еще другой кейс?
источник

p

persona x grata in JS Liberty
.one {
 width: calc(100% / 3);
}

.two {
 width: calc(100% - (100% / 3));
}
источник

p

persona x grata in JS Liberty
так он про бекграунд картинку говорит
источник

T

Th0r in JS Liberty
Переслано от John
Я вопрос неверно задал. Я про картинки в роли фона
источник

T

Th0r in JS Liberty
Переслано от John
Не background-image, а как отдельный элемент
источник

T

Th0r in JS Liberty
ой, всё
источник

p

persona x grata in JS Liberty
Надо плясать от макета. В одном случае я могу сделать одно, в другому по другому
источник

T

Th0r in JS Liberty
источник

p

persona x grata in JS Liberty
Про курсы я ему еще месяц назад говорил
источник

J

John in JS Liberty
Так я проходил курс
источник

J

John in JS Liberty
Если куплю ещё один, то там половина будет про «сегодня подключаем стили»
источник

J

John in JS Liberty
Поэтому сам
источник