Перечитал «Отзывчивый веб-дизайн»

Начал пролистывать для восстановления знаний, в итоге перечитал заново. Интересно читать такие книги по мере того, как изучаешь код — сначала ничего не понятно, при следующем прочтении все очевидно. Страничка, которую Итан создает из главы в главу: https://responsivewebdesign.com/robot/

Книга небольшая, легко прочитать за несколько вечеров. Часть текста безнадежно устарела (что естественно) но основы будут актуальны всегда. Состоит из глав-принципов отзывчивого веб-дизайна:

Гибкая сетка

Собственно база — как сделать резиновый макет, формула расчета и принципы. Итан описывает полностью отзывчивый дизайн — с гибкими полями и горизонтальными отступами, важно понимать что есть другие пути построения сетки.

Гибкие изображения

Полезные советы как сделать картинки отзывчивыми. Хотя много примерав на флоатах, но тем не менее будет полезна для понимания того, что можно сделать с картинкой и медиа. Многие ссылки еще живые (спустя восемь лет!).

Медиазапросы

Глава о том, как использовать знания из двух предыдущих глав и медиавыражения для создания отзывчивого макета.

Как стать отзывчивым

Здесь уже конкретные советы по внедрению отзывчивости. Кратко рассказано о разных подходах, ориентации на пользовательские цели, принципе «сначала мобильные» (в контексте написания кода сначала для мобильных), итерационном дизайне, тестировании и концепции прогрессивного улучшения. То есть то, что сейчас вошло в практику.

Итого — хорошая книга, доходчиво описывающая принципы отзывчивости, не перегруженная техническими терминами и ненужными поначалу знаниями.

Поделиться
Отправить
Запинить
Популярное