Верстка лендинга с использованием Gulp, JavaScript и HTML/CSS. Часть 2.

Промокод на скидку 15% на все курсы ITVDN- H94BCAB
Курсы для Front-End разработчикa- itvdn.com/ru/s...
Просмотр макета. Разбиение на логические части, настройка темы для работы. Верстка десктопной версии (на примере сетки Bootstrap).
План вебинара:
Настройка темы.
Разбиение на логические секции.
Верстка HTML.
Настройка стилей.
Предварительные требования: Понимание HTML/CSS/JS

[@veterok54]

ссылку на макет можете обновить? Так как уроки теряют актуальность

[@S_kepti_k]

У кого остались нарезанные картинки? Ниже ссылка уже не работает, выложите пожалуйста

[@o.t.1934]

Столкнулся с той же проблемой. Нужны нарезанные картинки. Никто не откликнулся тебе, дружище?

[@GLIVI28]

Привет) Не могу найти исходники, можете кинуть ссылку на них!

[@DuMishHast]

kreativeshowcase.com/Resources/Downloads/Bandi_LandingPage_PSD_Template_by_Kreativeshowcase.zip

[@Роман-б5ш8о]

Илья, как называется расширение для комментариев HTML? PS: Надоело копировать названия блоков по БЭМ, нашел что emmet поддерживает bem и после пары строчек в настройках можно писать классы быстрее. Например вместо : "section.works-grid>img.works-grid__img+.works-grid__hover.works-hover>img.works-hover__logo+h4.works-hover__title+p.works-hover__text" можно писать так "section.works-grid>img.-img+.--hover.works-hover>img.-logo+h4.-title+p.-text|bem", где "-" - родительский блок, "--" - прародительский блок, "_" - модификатор. docs.emmet.io/filters/bem/

[@kraevskiypride7381]

gist.github.com/akella/9757676

[@Роман-б5ш8о]

Спасибо. Я пользуюсь VSCode, для него тоже есть этот сниппет: gist.github.com/devxom/edc3c76235fc050a5ba594f372ca5740

[@o.t.1934]

@@kraevskiypride7381 Илья, приветствую. Изучаю ваш вебинар и не могу отыскать рабочую ссылку на нарезанные картинки для макета. Не сможете помочь с поиском материала?

[@михаилмихаил-г8ф]

Ссылка на psd макет kreativeshowcase.com/Resources/Downloads/Bandi_LandingPage_PSD_Template_by_Kreativeshowcase.zip

[@serebniti]

2:42:25 - картинкам display:block нужно указывать, тогда не будет белого отступа у них внизу

[@sanek4866]

Здравствуйте, у меня при запуске сборки autoprefixer каждый раз вот так ругается: Replace Autoprefixer browsers option to Browserslist config. Use browserslist key in package.json or .browserslistrc file. Using browsers option cause some error. Browserslist config can be used for Babel, Autoprefixer, postcss-normalize and other tools. If you really need to use option, rename it to overrideBrowserslist. Learn more at: github.com/browserslist/browserslist#readme twitter.com/browserslist

[@charlesbaudelaire7454]

Здравствуйте. Подскажите пожалуйста как поступить, у меня картинка от блока meet brandi немного маленькая на мое разрешение экрана и в итоге есть небольшая прокрутка в бок, хотя по бокам есть место, т.е. картинка не на всю ширину, как сделать так, чтоб на разных устройствах картинка подсраивалась под определенное разрешение экрана, я конечно могу обрезать картинку в фотошопе заново и задать нужную ширину и высоту, но это уже не адаптив.

[@npc6110]

Было полезно !

[@drum520]

ссылка на нарезанные картинки dropmefiles.com/BB0FA