Верстка продуктового лендинга с нуля. Gulp, CSS Grid, БЭМ. Доработки сайта
Привет! Этим видео стартует новый, шестой марафон верстки на канале. Сделаем продуктовый лендинг с отправкой товаров на почту, а также другими мелкими нюансами.
Марафон будет состоять приблизительно из 10-12 частей, так что запасайтесь vs cod`ами, figma`ми, и прочими вещами для верстки и поехали!
В этой части дорабатываем десктоп-версию сайта
Плейлист марафона: https://www.youtube.com/watch?v=D6SNGxriSeg&ab_channel=MaxGraph-c%D0%B0%D0%B9%D1%82%D1%8B%D0%BA%D0%B0%D0%BA%D1%81%D1%82%D1%80%D0%B0%D1%81%D1%82%D1%8C
Ссылка на верстку: https://github.com/maxdenaro/sneakmax-youtube/commit/7bf6c9296ea8017fdbbc5db2692102fe7609e69c
Ссылка на макет: https://www.figma.com/file/EEiUY5PZ7GiO2hYRth11Yy/SneakMax-YouTube?node-id=43%3A389
Моя сборка Gulp, которая используется в марафоне: https://github.com/maxdenaro/gulp-maxgraph
Сервис для названия цветов: https://chir.ag/projects/name-that-color/
Типограф: https://www.artlebedev.ru/typograf/
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? https://clck.ru/Gr9Ec
Канал в телеграм: https://teleg.run/maxgraph
Чат для верстальщиков: https://teleg.run/maxgraph_chat
Моя страница вконтакте: http://vk.com/maxdenaro
Мой блог: http://blog.maxgraph.ru
Мой сайт: http://maxgraph.ru
Тема VS Code: One Monokai
Шрифт VS Code: Consolas, 'Courier New', monospace
#ityoutubersru #марафонверстки #лендинг
Видео Верстка продуктового лендинга с нуля. Gulp, CSS Grid, БЭМ. Доработки сайта канала MaxGraph - cайты как страсть
Марафон будет состоять приблизительно из 10-12 частей, так что запасайтесь vs cod`ами, figma`ми, и прочими вещами для верстки и поехали!
В этой части дорабатываем десктоп-версию сайта
Плейлист марафона: https://www.youtube.com/watch?v=D6SNGxriSeg&ab_channel=MaxGraph-c%D0%B0%D0%B9%D1%82%D1%8B%D0%BA%D0%B0%D0%BA%D1%81%D1%82%D1%80%D0%B0%D1%81%D1%82%D1%8C
Ссылка на верстку: https://github.com/maxdenaro/sneakmax-youtube/commit/7bf6c9296ea8017fdbbc5db2692102fe7609e69c
Ссылка на макет: https://www.figma.com/file/EEiUY5PZ7GiO2hYRth11Yy/SneakMax-YouTube?node-id=43%3A389
Моя сборка Gulp, которая используется в марафоне: https://github.com/maxdenaro/gulp-maxgraph
Сервис для названия цветов: https://chir.ag/projects/name-that-color/
Типограф: https://www.artlebedev.ru/typograf/
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? https://clck.ru/Gr9Ec
Канал в телеграм: https://teleg.run/maxgraph
Чат для верстальщиков: https://teleg.run/maxgraph_chat
Моя страница вконтакте: http://vk.com/maxdenaro
Мой блог: http://blog.maxgraph.ru
Мой сайт: http://maxgraph.ru
Тема VS Code: One Monokai
Шрифт VS Code: Consolas, 'Courier New', monospace
#ityoutubersru #марафонверстки #лендинг
Видео Верстка продуктового лендинга с нуля. Gulp, CSS Grid, БЭМ. Доработки сайта канала MaxGraph - cайты как страсть
Показать
Комментарии отсутствуют
Информация о видео
4 июня 2021 г. 20:00:12
00:35:48
Другие видео канала
![Верстка продуктового лендинга с нуля. Gulp, CSS Grid, БЭМ. Верстка каталога](https://i.ytimg.com/vi/vQmRyX1dRyQ/default.jpg)
![Разбор ваших работ по верстке онлайн. Советы по верстке. №11](https://i.ytimg.com/vi/bQ2yracUu7c/default.jpg)
![jQuery-мастер #6. Ajax](https://i.ytimg.com/vi/tuyKmL4ZFqY/default.jpg)
![CSS Magic #4. Анимация тени у текста | Text Shadow Animation](https://i.ytimg.com/vi/QwuzE4uBCcE/default.jpg)
![Разбор ваших работ по верстке онлайн. Советы по верстке. №8](https://i.ytimg.com/vi/i5H3D8KClH0/default.jpg)
![Верстка многостраничного сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Страница Work-внутр.](https://i.ytimg.com/vi/7WvTKdnojAU/default.jpg)
![Верстка многостраничного сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Страница News](https://i.ytimg.com/vi/aaAndtqY1Qk/default.jpg)
![Верстка многостраничного сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Страница Positions](https://i.ytimg.com/vi/xD_wKdv4LVo/default.jpg)
![Итоги 2021 года. Планы на 2022](https://i.ytimg.com/vi/lxC9lM2vxjk/default.jpg)
![Верстка интернет-магазина с нуля. Адаптивная верстка макета. GULP SCSS JS. Часть 3](https://i.ytimg.com/vi/l_3DQmZJcc0/default.jpg)
![Разбор ваших работ по верстке онлайн. Советы по верстке. №32](https://i.ytimg.com/vi/Ud7ys4iEr2o/default.jpg)
![JS-решения №18. Исправление полноэкранного блока на мобильных](https://i.ytimg.com/vi/72r8GoG4isM/default.jpg)
![Верстка продуктового лендинга с нуля. Gulp, CSS Grid, БЭМ. Модальное окно товара](https://i.ytimg.com/vi/frKNeyjlkOk/default.jpg)
![Вас уже целая тысяча, спасибо!](https://i.ytimg.com/vi/xSixScpdb78/default.jpg)
![CSS Grid с нуля №2. Явная и неявная сетка](https://i.ytimg.com/vi/G4z1KxmtREk/default.jpg)
![Разбор ваших работ по верстке онлайн. Советы по верстке. №25](https://i.ytimg.com/vi/uqmYqnVrCsg/default.jpg)
![Разбор ваших работ по верстке онлайн. Советы по верстке. №19](https://i.ytimg.com/vi/xjmDmNVjviA/default.jpg)
![Разбор ваших работ по верстке онлайн. Советы по верстке. №14](https://i.ytimg.com/vi/aNZtxNghpCg/default.jpg)
![Верстка многостраничного сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Страница Work](https://i.ytimg.com/vi/jwtBOl32ilA/default.jpg)
![Верстка многостраничного сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Страница About (2)](https://i.ytimg.com/vi/P7u6BoHc--w/default.jpg)
![Обрезка количества строк на чистом CSS](https://i.ytimg.com/vi/HRHW_vMPM7A/default.jpg)