Myvideo

Guest

Login

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

Uploaded By: Myvideo
1 view
0
0 votes
0

Промокод на скидку 15% на все курсы ITVDN- H94BCAB Материалы вебинара - Flexbox и Grid – технологии, которые широко используются в верстке сайтов и существенно упрощают задачи обеспечения адаптивности. О технологиях: CSS Flexbox (Flexible Box Layout Module) — модель макета гибкого контейнера — представляет собой способ компоновки элементов, в основе лежит идея оси. Flexbox состоит из гибкого контейнера (flex container) и гибких элементов (flex items). Гибкие элементы могут выстраиваться в строку или столбик, а оставшееся свободное пространство распределяется между ними различными способами. CSS Grid Layout - система двумерного макета, оптимизированного для дизайна пользовательского интерфейса. Главная идея, лежащая в основе макета сетки, заключается в разделении веб-страницы на столбцы и строки. В образовавшиеся области сетки можно помещать элементы сетки, а управлять их размерами и расположением можно с помощью специальных свойств модуля. В ходе вебинара будут продемонстрированы возможности этих технологий и преимущества их комбинации на практике (в каком случае какую технологию нам необходимо использовать) для верстки адаптивных страниц с Flexbox и Grid. План вебинара: 1) Знакомство с технологиями Flexbox и Grid. 2) Создание desktop версии web-страницы. 3) Добавление медиа запросов на страницу для адаптивности.

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later