Использование консоли разработки. Методологии позиционирования элементов. Flexbox и пример верстки страницы на Flexbox. Директивы CSS. Работа верстальщика с Photoshop. Последовательность верстки веб-страницы.
Полный видеокурс:
Записано для обучающей платформы TutoriTech. Бесплатный курс Frontend-разработки доступен на платформе: . В курсе: видеолекции, дополнительные материалы, тесты и домашние задания для решения.
00:00:20 Инструменты быстрой разработки
00:05:23 Методологии позиционирования элементов
00:13:08 Позиционирование при помощи inline-block
00:28:15 Функция calc
00:32:03 Позиционирование при помощи Flexbox
00:48:12 Пример верстки страницы на Flexbox
01:38:16 Задача 1 (самостоятельно)
01:39:25 Директивы CSS
01:43:28 Графические редакторы для верстки. Пример работы с Photoshop
01:56:50 Последовательность верстки страницы. Дополнительные материалы
116 views
0
1
3 months ago 00:20:19 1
Как правильно учиться в IT - сфере. ТОП ошибок при обучении. Конкретный план обучения.
4 months ago 00:37:49 1
Теория графического напряжения | Игорь Штанг | Prosmotr
6 months ago 00:00:37 1
Лайфхак в вёрстке — легко находим выпирающие блоки при адаптиве страницы
7 months ago 00:02:47 1
FIGMA: АНИМАЦИЯ ФОРМЫ. Делаем всплывающее окно PopUp при нажатии кнопки в прототипе | Уроки фигма
8 months ago 00:03:06 1
Оптимизация изображений при верстке веб-страниц. Используем TinyPNG.
8 months ago 00:12:46 1
Как сделать ценник или динамический список в Unity при помощи ContentSizeFitter и LayoutGroup?
9 months ago 00:05:11 1
Как сделать книгу с появлением страниц на HTML и CSS? Всплывающая информация при наведении hover
9 months ago 00:01:01 1
Об этой фишке при верстке сайтов мало кто знает ‼️
9 months ago 00:38:41 1
Создание красивого сайта с 3D эффектом при скролле (HTML + CSS)
9 months ago 00:09:55 1
9 необычных приёмов в типографике
9 months ago 00:18:27 1
Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.
9 months ago 00:17:53 1
Мгновенная верстка календаря в InDesign (при помощи магии)
9 months ago 00:15:02 1
#1 Сетка Bootstrap 5 для начинающих | Быстрая верстка сайта при помощи колоночной сетки
9 months ago 00:31:34 1
Объекты в JavaScript. Основы для начинающих. Синтаксис, создание, изменение. Уроки JavaScript с нуля
10 months ago 00:03:36 1
Меняем цвет svg при помощи приложения
10 months ago 00:05:50 1
Как сделать дизайн УДОБНЫМ и ПОНЯТНЫМ? | ПЕРЕДЕЛАЛ ДИЗАЙН ЛИСТОВКИ
11 months ago 00:10:21 1
Уроки Bootstrap верстки / #2 - Верстка при помощи сеток (Grid-system)
11 months ago 01:47:09 1
Акциденция в типографике: принципы и приёмы нестандартной вёрстки текста
11 months ago 00:58:53 1
Текст шрифт и правила вёрстки для презентаций
11 months ago 00:16:15 1
БЫСТРАЯ ВЕРСТКА САЙТА. Как увеличить скорость в веб-разработке? Почему высокая скорость так важна?
11 months ago 00:16:46 1
Верстаем фигурный текст в InDesign
1 year ago 00:02:40 5
scroll-padding-top. Решение проблемы при прокрутке сайта.
1 year ago 03:41:11 1
Почти все, что нужно знать, чтобы занять топ при помощи одного изображения
1 year ago 01:25:35 12
ПР № 30–31. Изучение процедур журнальной верстки в программе Adobe InDesign