Получите PSD макет и все материалы к нему по ссылке:
glo.academy/wp-...
Марафон начинается с верстки шапки сайта под Wordpress.
В этом уроке вы разберетесь как cверстать шапку сайта на Bootstrap 4 и писать css стили в препроцессоре Sass. Познакомитесь и на практике научитесь работать с макетами в Avocode, так же узнаете как подключать шрифты из GoogleFonts. Видео подходит для тех кто хочет научится верстать сайты под Wordpress и для новичков.
Посмотрите полный плейлист верстки под Wordpress на Bootstrap 4 + Sass + Flexbox CSS с самого начала:
• Марафон верстки 6.0 Ве...
1:08 - создание архитектуры
2:50 - установка плагинов Bootstrap 4
4:18 - подключение сетки Bootstrap 4 к проекту
5:50 - подключение JQuery
7:50 - знакомство с Avocode
10:18 - интеграция цветов из _colors.sass
13:07 - подключение шрифтов из GoogleFonts
14:23 - запуск Browser-Sync
15:35 - начало разметки
16:10 - использование закрывающих комментариев
19:15 - "небольшая хитрость" через ctrl+shift+g
20:44 - оформление стилей для шапки
21:38 - амперсант в Sass
23:28 - автоматическая регулировка ширины для колонок
24:15 - выравнивание элементов горизонтали внутри строки
25:00 - выравнивание по вертикали внутри строки
26:16 - ::after для ссылок в навигации
27:54 - :hover для ссылок в навигации
Ссылка на сайт Bootstrap 4:
getbootstrap.com
Сервис для работы с макетами Avocode:
avocode.com
Справочник HTML/CSS на русском языке:
webref.ru
Документация Sass на русском
sass-scss.ru
Документация Sass на анлглийском
sass-lang.com
----------------------------------------------------------------------------------------
Получить нужные материалы для любого веб-разработчика - taplink.cc/glo...
Получить консультацию куратора - bit.ly/2Ym5SqS
Связаться с автором: vk.com/aislam23 telegram: t.me/aislam23
Мой блог: vk.com/islamov...
Больше контента в нашей группе Вконтакте
vk.com/glo_aca...
Присоединяйтесь к нашему сообществу Discord
/ discord
Мой канал в telegram "Лысый из браузера"
tele.click/bal...
Еще у нас скоро стартует курс обучения. Напиши моему ассистенту:
vk.me/glo_academy
-----------
Я использую хостинг Link Host с 2014 года
link-host.net/... Телеграм-каналы с дизайн-макетами для тренировки вёрстки:
ttttt.me/figma...
ttttt.me/figma...
ttttt.me/figma...
Каналы с крутыми фичами на CSS и JavaScript:
ttttt.me/codep...
ttttt.me/css_f...
Канал с терминами для айтишников:
ttttt.me/slang_it
Канал, где публикуют ссылки на полезные сервисы и сайты:
ttttt.me/linkf...
Негізгі бет #1. Верстка шапки сайта под Wordpress на Bootstrap 4 + Sass | Реальный заказ.
Пікірлер: 328