Корпоративный митап Leadrate (LR) для Junior/Middle FrontEnd-разработчиков на тему “Быстрая вёрстка HTML-макета из Figma“.
Для небольших проектов, требующих просто вёрстку, мы решили использовать сборщик Gulp. Наш стартер вы можете найти скачать тут: (мы открыты к любым предложениям)
Темы, которые мы обсуждали:
0:00:00 - Вступление
0:00:43 - Какой макет плохой, а какой хороший?
0:06:20 - Что делать, если макет плохой?
0:07:22 - Подготовка проекта в GitHub и Gulp сборщика
0:19:28 - Какие плагины в Figma должны быть у каждого верстальщика?
0:23:09 - Перенос всей основы макета в Gulp проект
0:32:30 - Работа с изображениями в Figma: как выбрать размер и тип картинки
0:40:32 - Продолжение переноса всей основы макета в Gulp проект
0:48:28 - Как работают иконки Iconify и иконочный шрифт в целом
0:52:30 - Как начать верстать? Есть 3 варианта старта
0:57:40 - Вёрстка
1:30:26 - Использование изображения формата WebP в проектах
1:37:44 - Работа с колонками. SASS миксин созда
20 views
52
16
3 months ago 00:02:59 1
JetBrains IDE | Продуктивность #16 - Быстрые списки (quick lists)
3 months ago 00:31:55 1
ПОБЕГ С ВОЙНЫ. Как дезертировал гранатометчик из «Шторма Z» / Тру-крайм «Черный ящик»
3 months ago 00:08:21 1
Быстро найти работу во FRONTEND. Самый эффективный способ
3 months ago 00:06:11 5
Пишем кликер на Python для Hamster Kombat ! Автоматизируем хайп-игру.
4 months ago 00:13:46 1
Курс Нозика: улучшаем вёрстку личной страницы
4 months ago 00:03:03 6
РУПОР КУЛЬТУРЫ - ЛЕТО (19/06/2024, Live@Китайский Лётчик Джао Да)
4 months ago 01:05:21 1
Создание красивого сайта с 3D эффектом Parallax (HTML + CSS)
4 months ago 00:00:37 1
Лайфхак в вёрстке — легко находим выпирающие блоки при адаптиве страницы
4 months ago 00:15:24 1
Вёрстка страниц для блокнота в In Design
4 months ago 00:23:47 1
InDesign для новичков - Знакомство с программой | Урок 1
4 months ago 00:16:24 1
Как установить скрипты в Indesign. Быстрый обзор скрипта DoTextOk
4 months ago 00:13:43 1
NPM vs YARN в чем разница? // Лучший пакетный менеджер
4 months ago 00:08:54 1
Уроки Bootstrap 5 - Введение и установка
4 months ago 00:01:43 1
Брошюра компании с перелистыванием страниц с элементами анимации и всплывающим видео
4 months ago 00:00:35 1
Интерактивный каталог с перелистыванием страниц
5 months ago 00:13:02 1
Обзор Flutter | Идем в Web c WebAssembly и Макросы | Что показали на Google I/O ?
5 months ago 00:06:51 1
FIGMA: ЯКОРНЫЕ ССЫЛКИ. Как сделать ссылку кликабельной в прототипе? | Уроки фигма на русском
5 months ago 00:02:47 1
FIGMA: АНИМАЦИЯ ФОРМЫ. Делаем всплывающее окно PopUp при нажатии кнопки в прототипе | Уроки фигма
5 months ago 00:13:26 1
Загрузка скрипта-Как создать продающий лендинг за 4 часа и заработать деньги | Убойный фриланс #2023
5 months ago 00:25:34 13
1. Настройка редактора кода VS Code для верстальщика. Настройки, плагины
5 months ago 00:23:22 2
Быстро верстаем книгу с таблицами, или Как работать с неадекватными исходниками?
5 months ago 00:01:02 1
❤ПОСЛЕДНЯЯ ЛЮБОВЬ❤ (ClientMod Android)
5 months ago 00:09:37 1
Как вести несколько проектов одновременно на фрилансе, веб-дизайне, верстке и т.д.
5 months ago 00:36:20 1
Как быстро cделать фотокнигу. Удобная вёрстка за 15 минут!