Технология верстки 2020: создание простого лендинга (часть 3)

0 Просмотры
Издатель

Понравился видеоролик "Технология верстки 2020: создание простого лендинга (часть 3)"? Если да, то напиши свой комментарий и поделись им в соцсетях. Тем самым ты поддержишь наш проект. Спасибо!

Описание видео: 00:57:58 Верстка секции Request Form. 00:22:16 Верстка секции Plus And Minus. Вынос блока за границы секции с помощью абсолютного позиционирования. 00:53:08 Треугольники на CSS и понимание того, как это работает. 01:00:23 Вынос и реиспользование блока HTML в виде Pug-include\'а и отдельного CSS. 01:05:16 Верстаем саму форму и кнопку отправки. 00:38:55 Верстка секции Reviews. Пример выноса общих классов из области видимости секцию в глобальную область. 01:17:46 Верстка секции Footer. Селекторы even и odd. HTML-формы и input\'ы. 01:22:35 Пример того, как использование Git реально спасает. 01:11:15 Маленький трюк с "безопасной" подгонкой текста под ширину. Теги br и интерполяция в Pug. 00:09:33 Верстка секции Offer. Исходники к ролику: github.com/makewebme/website-tech2020-simple-landing Основы Flexbox: youtu.be/H6O90IIqrtA Курс по Git: youtube.com/playlist?list=PLvWwA9iDlhHDtvzgqGvCYn9R4swacElD6... 00:04:45 Про пространства имен в CSS и как это помогает. Не втискивайтесь в методологию! 00:36:41 Как я думаю про CSS в плане оптимизации и поддерживаемости? Про порядок в стилях. 00:00:00 Верстка секции How It Works. Шахматный порядок блоков на CSS.

Официальный источник видео youtube.com/watch?v=HNfJa3vr4gQ именно от туда подгружается разрешенный автором к встраиванию контент и картинки. Авторские права полностью соблюдены!

Категория
Лепим цветы



Яндекс.Метрика