Видео уроки бесплатн…

  • Главная

CSS Grid Layout

Вёрстка сайта на Grid. Быстрый старт

Видео-курс по созданию сайтов своими руками Дениса Булыги под названием „Вёрстка сайта на Grid. Быстрый старт“ с канала WebForMySelf.
В этом цикле уроков адаптивной вёрстки автор курса покажет вёрстку PSD-макета с использованием современных Web-технологий на чистом HTML и CSS без применения препроцессоров, средств автоматизации и других каких-либо дополнительных возможностей.
Макет, в целом, является довольно простым. На его примере мы разберём множество современных возможностей. А именно, при вёрстке данного макета сайта мы будем использовать Flexbox и CSS Grid Layout.

Скачать бесплатно...  

Видео-урок по CSS Grid Layout: ITDoctor

Видео-урок веб-дизайна по CSS Grid Layout с канала ITDoctor. В этом видео веб-разработки автор расскажет подробно, как работать с этим инструментом адаптивной вёрстки сайтов.
CSS Grid позволяет нам компоновать и выравнивать элементы html-страницы в двухмерном пространстве. То есть мы можем создавать столбцы, строки и располагать в них элементы так, как нам захочется. Что-то подобное есть в сетке Bootstrap. Однако в Bootstrap свойства сетки нужно описывать дополнительно, а Grid Layout – это стандартное свойство CSS. Следовательно, при его использовании вес кода меньше.

Скачать бесплатно...  

CSS Grid: адаптивная вёерстка реального макета: WebDesign Master

В прошлом уроке мы изучили теорию CSS Grid – новой технологии адаптивной вёрстки сайтов при помощи сеток. Данная технология вызвала интерес у подписчиков канала WebDesign Master. И автор решил сделать видеоурок реальной адаптивной вёрстки сайта с использованием CSS Grid. То есть, на реальном примере использовать эту технологию в создании сайта своими руками.
Автор урока подготовил макет сайта, который позволит нам в полной мере насладиться данной технологией CSS Grid Layout.

Скачать бесплатно...  

CSS Grid: Новый взгляд на адаптивную вёрстку сайтов: WebDesign Master

Видео-урок веб-дизайна по CSS Grid Layout с канала WebDesign Master. В этом уроке сайтостроения мы рассмотрим новейшую технику адаптивной вёрстки сайтов с использованием CSS Grid.
CSS Grid Layout – технология совершенно новая и официально стала поддерживаться современными браузерами только в середине 2017 года. Данный материал по веб-разработке имеет академический характер. Использовать CSS Grid Layout или нет – решать вам.

Скачать бесплатно...