Gulp сборка для верстки сайтов. Ускоряем процесс верстки сайтов. Обновление 2024

Gulp сборка для верстки сайтов. Обновление Gulp сборки. В этом видео я презентую обновленную сборку для HTML верстки сайтов. Улучшена работа с графикой. Лучшее качество при оптимизации. Что добавлено: - Умеет автоподключать webp формат в т.ч. и для retina графики. - Собирает SVG спрайты. - Производит автогенерацию и автоподключение шрифтов. - Автозамена путей в html и scss. - Исправлен баг с ошибкой при при разрыве строки в теге img. Стартовый проект для html верстки. Добавлена документация по сборке и SCSS сниппеты для более быстрой верстки. Готовый код сборки: 9XtDDNBdHAk4Yjhi (пост за 5 марта 2024) Чат верстальщиков ВебКадеми: QAxmsKj2HyWfEKzz Первая часть с подробным описанием как создается Gulp сборка: Ролик по CSS сниппетам: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“ От установки редактора, до публикации в сети. 👉 Получить уроки, конспекты, макет и код из уроков: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс по созданию и верстке сайтов: Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. 💻 Курс “Frontend разработчик. JavaScript React“: Обучение с наставником, 3 месяца, результат, гарантия. 💻 Курс “Разработка сайтов на PHP MySQL“: Создание сайтов с системой управления. Присоединиться к курсу можно прямо сейчас. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Сайт школы ВебКадеми: 💈 Вступайте в группу Вконтакте: 💈 Подписывайтесь на Telegram: ТАЙМ КОДЫ: 00:00 Введение 00:56 Начало. Подготовка. Установка 06:04 Запуск сборки 08:06 Контейнеры 10:36 Быстрые медиа запросы 17:05 Фоновые изображенияв SCSS 21:52 Автоисправление путей в HTML и SCSS 24:23 Генерация SVG спрайтов 33:44 Оптимизация графики 41:03 Авто-конвертация и авто-подключение шрифтов 45:39 Gulp file include 47:11 Типограф 48:17 Сниппеты 54:00 Где скачать сборку. #HTML #CSS #верстка #WebCademy #ВебКадеми #HTML5 #CSS3 #html #css #html5 #css3 #javascript #js #gulp #сборка2024