001.Адаптивная вёрстка (обновленная версия) - Дмитрий Душкин

С появлением и широким распространением стандартов Flexbox Layout и CSS Grid Layout адаптивный дизайн перестаёт быть трудоёмким. Теперь реализовать его можно быстро, просто и без привлечения сторонних библиотек. Мы рассмотрим практические примеры адаптивной вёрстки с использованием базовых и продвинутых инструментов (относительные величины измерений, нефиксированные размеры, media queries, srcset, тег picture и другие).

[MrMenma]

Очень подробно, понятно, лектор хорошо говорит - побольше бы таких видео на просторах рунета. Спасибо

[vxci]

37:00 - ссылки по CSS GRID
43:20 - что дальше: курсы
43:52 - что дальше: видео
44:23 - что дальше: статьи

[grandlaggingzero]

Единственный лектор, который догадался принести стул на лекцию, а не стоять :)

[stephaninabox]

Хорошая лекция, спасибо. Ждём остальные!

[alextopsite]

Уж очень мне понравилась тема CSS Grid и flexbox. Много идей появилось

[thrnd_]

Задаюсь вопросом: "Зачем рассказывать такие простые вещи для людей, которые прошли в ШРИ? (когда тестовое задание подразумевает владение всеми этими вещами)"

[Bykoffdn]

Лекция, в целом, отличная. Но как-то совсем позабыли про дизайнера, который по идее готовит вам макеты на все разрешения, а не вы сами решаете как и что делать. И как бы посмотрел дизайнер на решение плавно изменяь размер шрифта в зависимости от вьюпорта?

[demimurych]

Лектор оговорился сказав, что picture более новый. Picture и srcset появились в одно время в середине 14 года. рекомендованный путь это srcset а не picture. По причине того что используя picture вы вынужденно создаете лишние узлы в дом дереве, что прямо отражается на производительности.
sizes содержит не какое то подобие медиа запросов. sizes может содержать медиа запросы любой сложности.


Про более широкие возможности picture.
Нет ничего что умеет picture чего нельзя повторить через srcset. Кроме двух вещей, верстка picture выглядит эстетичнее. И возможности задачи правил для форматов файлов.
Эстетика к цинизму не имеет отношение, а правила для форматов на стороне клиента это абсурд, по причине того, что этот вопрос нужно решать на стороне сервера, а не клиента. Что успешно и делается

[gerasim_vol]

круто. узнал про <img srcset="" />

[MrDONshinigami]

Крутой лектор) Только начались лекции ШРИ?

[Всякаядичь-еи]

где на смышнгмагазин он дизайн увидел?

[АнтонВебсайтовский]

Ни когда не было проблем читать в вк текст ! первый раз такое слышу, 14px, стандарт, 13px, тож норма, но если все заглавные, как и 12px.