Изучаем CSS GRID

CSS-сетки и Flexbox в адаптивном веб-дизайне

CSS Grids and Flexbox in Responsive Web Design

Мы начнем с быстрого обзора текущего стандарта отрасли: сеток построеной на флоатах . Мы рассмотрим как быстро создать такую сетку плюс преимущества и недостатки такого подхода. Мы также рассмотрим медиа-запросы и отзывчивые изображения, включая новый тег и Picturefill. Мы быстро перейдем к Flexbox, сначала исследуем как работает Flexbox, так как он сильно отличается от float. Мы будем верстать простую сетчатую систему с помощью Flexbox, и рассмо

5 ч 37 мин 50 сек

English

frontendmasters

Удален по просьбе правообладателя

Посмотреть

Современные CSS Сетки

Modern CSS Layouts

В этой серии уроков «Современные CSS Сетки» мы покроем тему современных CSS Layouts. Мы будем строить сетки таких сайтов как Facebook, Instagram и моего персонального сайта (leveluptutorials.com) используя разные техники - от flexbox до CSS-Grid. Мы рассмотрим все самое свежое и самое лучшее что есть сейчас в CSS.

3 ч 34 мин 32 сек

English

leveluptutorials

Премиум

Посмотреть

Построение сложных макетов c CSS Grid

Build Complex Layouts with CSS Grid Layout

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

0 ч 42 мин 44 сек

English

egghead

Премиум

Посмотреть

Технология CSS Grid. Руководство по адаптивной верстке

 

Верстка — это создание веб-страниц с помощью специальных языков. Верстка — это также интересная, постоянно меняющаяся область деятельности в создании сайтов. Это процесс перевода макета сайта, созданного дизайнером в графической программе, в HTML-страницу. При этом используются специальные языки, которые для этого предназначены: HTML, CSS, JavaScript. Соответственно, верстальщик — это человек, который занимается кодированием HTM

13 ч 6 мин 6 сек

Русский

webformyself

Бесплатно

Посмотреть

Продвинутые CCS Макеты

Advanced CSS Layouts

Мы начнем с краткого обзора использования Flexbox для создания сложной веб-страницы. Мы рассмотрим, как решить, как писать макет на основе скриншотов желаемого результата. Мы также создадим кнопку гамбургера для нашей навигации с использованием только CSS-подхода - JavaScript не требуется.

3 ч 46 мин 48 сек

English

frontendmasters

Удален по просьбе правообладателя

Посмотреть