Доброго времени суток, друзья! Представляю Вашему вниманию перевод статьи Khrystyna Skvarok «ResizeObserver — a new powerful tool for Responsive Web». ResizeObserver — новый мощный инструмент для отзывчивого веба «Отзывчивый» является одним из стандартов веб-разработки. Существует большое количество разрешений…
Сегодня построение отзывчивых макетов уже не основывается на контрольных точках (breakpoints) с фиксированной шириной. Вместо этого современные макеты должны работать на устройствах практически любого размера. Однако, к своему удивлению, я всё ещё встречаю сайты, где используется…
Привет, Хабр! Представляю вашему вниманию перевод статьи «Learn responsive web design in 5 minutes» автора Per. В этой статье я научу вас многим приёмам отзывчивого дизайна за 5 минут. Этого, очевидно, недостаточно для правильного изучения, но здесь вы найдёте обзор на следующие наиболее важные методы: Относительные единицы измерения CSS Медиа-запросы Flexbox Отзывчивая типографика Читать дальше →
Медиа-запросы (media queries) - это основа отзывчивого дизайна. Мы используем их для определения того, как должен меняться дизайн на основе размеров области просмотра (viewport). Но синтаксис min-width и max-width может вызывать путаницу, и в некоторых случаях вызывает проблемы макета (layout), которые трудно выявить.Цель этой статьи - убедить вас использовать запросы диапазонов (range queries), начиная с сегодняшнего дня. Читать далее