Gulp сборка для верстки сайтов. Обновление Gulp сборки. В этом видео я презентую обновленную сборку для HTML верстки сайтов. Улучшена работа с графикой. Лучшее качество при оптимизации. Что добавлено: Умеет авто-подключать webp формат в т.ч. и для retina графики. Собирает SVG спрайты. Производит автогенерацию и автоподключение шрифтов. Автозамена путей в html и scss. Исправлен баг с ошибкой при при разрыве строки в теге img. Стартовый проект для html верстки. Добавлена документация по сборке и SCSS сниппеты для более быстрой верстки. Готовый код сборки:
(пост за 5 марта 2024) Чат верстальщиков ВебКадеми:
Первая часть с подробным описанием как создается Gulp сборка: • Gulp сборка - полная инструкция. HTML... Ролик по CSS сниппетам: • CSS сниппеты для ускорения HTML верст... Материалы ВебКадеми на всех площадках:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" От установки редактора, до публикации в сети. Получить уроки, конспекты, макет и код из уроков:
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Мои авторские курсы: Профессия HTML верстальщик Для начинающих. Курс по созданию и верстке сайтов.
Курс "Frontend разработчик. JavaScript + React" Станьте frontend разработчиком за 3 месяца.
Курс "Разработка сайтов на PHP + MySQL" Сможете создавать сайты с любым функционалом.
Обучение с нуля Обучение с наставником Доведение с нуля до результата Помощь с трудоустройством Поможем взять первый заказ на фрилансе возможна рассрочка если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт ВебКадеми:
Группа Вконтакте: https://vk.com/webcademy
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 Где скачать сборку.
