Responsive Web Design
Видео подготовлено в рамках образовательного проекта DesignSpot School.
Александр Гудков рассказывает про дизайн сайтов и страниц для различных устройств.
Ссылки из видео:
-= Базовые понятия и механизмы =-
http://blog.froont.com/9-basic-principles-of-responsive-web-design/
https://docs.microsoft.com/en-us/windows/uwp/design/layout/responsive-design
https://developers.google.com/web/fundamentals/design-and-ux/responsive/?hl=ru
https://viljamis.com/2012/adaptive-vs-responsive-design/
https://www.lullabot.com/articles/responsive-adaptive-web-design
http://www.zeldman.com/2011/07/06/responsive-design-i-dont-think-that-word-means-what-you-think-it-means/
https://viljamis.com/2012/adaptive-vs-responsive-design/
- = Советы и практики =-
https://uxplanet.org/responsive-design-best-practices-c6d3f5fd163b
https://medium.freecodecamp.org/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862
https://www.toptal.com/designers/responsive/responsive-design-best-practices
https://developers.google.com/web/fundamentals/design-and-ux/responsive/content?hl=ru
-= Цифры и статистика =-
http://gs.statcounter.com/platform-market-share/desktop-mobile-tablet
http://gs.statcounter.com/screen-resolution-stats
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
http://iosres.com/
http://gs.statcounter.com/screen-resolution-stats
https://medium.com/@uiuxlab/the-most-used-responsive-breakpoints-in-2017-of-mine-9588e9bd3a8a
https://gist.github.com/gokulkrishh/242e68d1ee94ad05f488
-= Смотреть и вдохновляться =-
https://www.awwwards.com/awwwards/collections/responsive-design/
---------------
Подробности о школе UX-дизайнеров на http://facebook.com/designspotcommunity/
DesignSpot на Medium https://medium.com/design-spot
DesignSpot в Telegram https://t.me/design_spot
0:00 Начало
0:25 Разнообразие современных устройств и размеры их экранов
3:00 Responsive и Adaptive, нюансы терминологии
7:26 Примеры responsive и таблица точек перехода (breakpoints)
7:58 Проектировать под breakpoints или под контент?
8:40 Mobile First и Desktop First (Progressive Enhancement, Graceful Degradation)
12:03 Советы и рекомендации
19:22 Почему адаптивный дизайн - это важно для вашего продукта
20:10 Резюме и алгоритм что делать для отрисовки UI под различные устройства
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Responsive Web Design», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.