Хочу затронуть важный тренд: responsive design, или адаптивный дизайн (о классической модульной сетке мы найдём время поговорить позже).

Responsive (respond — отвечать, реагировать) — это ещё один шаг резиновости сайта. Это адаптация вёрстки под разные разрешения экрана, но не простое сжатие-растяжение, а «умная» подстройка. В большем разрешении видно больше колонок текста, картинки имеют динамическую ширину (спасибо браузерам), ширина и размер текста тоже динамические. Попробуйте поменять ширину браузера на сайтах «Бостон Глоуб» и «Смэшинг магазин».

Это не игрушка, а полезный инструмент в сегодняшнем разнообразии устройств доступа к интернету: от телефонов и киндлов до широкоформатных мониторов и телевизоров. Это позволяет не делать отдельные дизайны, не разрабатывать приложения под каждое устройство, а лишь адаптировать единожды разработанную сетку для разной ширины экрана.

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

Мои последние проекты сделаны с адаптивным дизайном, например сайт «Ашманов и Партнеры Медиа». Конечно, технологически тут не всё так красиво (разные файлы ЦСС на разные разрешения), но работает для всех устройств: