Адаптивная верстка с Flexbox и Grid | DevsDay.ru

Адаптивная верстка с Flexbox и Grid

Зарегистрироваться на событие



Адаптивная верстка с Flexbox и Grid

 

 

Дата: 28 апреля 2020 г.
Время: 19:00-21:00

 

Ведущий: Ткаченко Анастасия, Frontend Developer.

Flexbox и Grid – технологии, которые широко используются в верстке сайтов и существенно упрощают задачи обеспечения адаптивности.

 

О технологиях:

CSS Flexbox (Flexible Box Layout Module) — модель макета гибкого контейнера — представляет собой способ компоновки элементов, в основе лежит идея оси. Flexbox состоит из гибкого контейнера (flex container) и гибких элементов (flex items). Гибкие элементы могут выстраиваться в строку или столбик, а оставшееся свободное пространство распределяется между ними различными способами.

CSS Grid Layout - система двумерного макета, оптимизированного для дизайна пользовательского интерфейса. Главная идея, лежащая в основе макета сетки, заключается в разделении веб-страницы на столбцы и строки. В образовавшиеся области сетки можно помещать элементы сетки, а управлять их размерами и расположением можно с помощью специальных свойств модуля.

В ходе вебинара будут продемонстрированы возможности  этих технологий и преимущества их комбинации на практике (в каком случае какую технологию нам необходимо использовать) для создания адаптивных страниц

 

План вебинара:

1) Знакомство с технологиями Flexbox и Grid.
2) Создание desktop версии web-страницы.
3) Добавление медиа запросов на страницу для адаптивности.

 

Целевая аудитория:

Данный вебинар будет интересен начинающим Frontend разработчикам и верстальщикам, которые уже знакомы с основами HTML5 & CSS3.

 

Для получения ссылки-приглашения необходима регистрация

Зарегистрироваться на событие


События в IT


Адаптивная верстка с Flexbox и Grid     Дата: 28 апреля 2020 г. Время: 19:00-21:00   Ведущий: Ткаченко Анастасия, Frontend Developer. Flexbox и Grid – технологии, которые широко используются в верстке сайтов и существенно упрощают задачи обеспечения адаптивности.   О технологиях: CSS Flexbox (Flexible Box Layout Module) — модель макета гибкого контейнера — представляет собой способ компоновки элементов, в основе лежит идея оси. Flexbox состоит из гибкого контейнера (flex container) и гибких элементов (flex items). Гибкие элементы могут выстраиваться в строку или столбик, а оставшееся свободное пространство распределяется между ними различными способами. CSS Grid Layout - система двумерного макета, оптимизированного для дизайна пользовательского интерфейса. Главная идея, лежащая в основе макета сетки, заключается в разделении веб-страницы на столбцы и строки. В образовавшиеся области сетки можно помещать элементы сетки, а управлять их размерами и расположением можно с помощью специальных свойств модуля. В ходе вебинара будут продемонстрированы возможности  этих технологий и преимущества их комбинации на практике (в каком случае какую технологию нам необходимо использовать) для создания адаптивных страниц   План вебинара: 1) Знакомство с технологиями Flexbox и Grid. 2) Создание desktop версии web-страницы. 3) Добавление медиа запросов на страницу для адаптивности.   Целевая аудитория: Данный вебинар будет интересен начинающим Frontend разработчикам и верстальщикам, которые уже знакомы с основами HTML5 & CSS3.   Для получения ссылки-приглашения необходима регистрация
2020-04-28T00:00:00.0000000
2020-04-28T00:00:00.0000000
Адаптивная верстка с Flexbox и Grid
?.Trim()
Адаптивная верстка с Flexbox и Grid
, .