Адаптивный дизайн
Адаптивный дизайн - это создание сайтов, которые подстраиваются под пользовательское окружение, и корректно отображаются независимо от того, на каком устройстве они просматриваются, размера браузера и требований специальных возможностей. К счастью, существует большое количество хороших инструментов, которые облегчат вам создание адаптивных сайтов. Сделать неплохой адаптивный сайт не так уж и сложно, но для того, чтобы сделать что-то действительно классное, придется потрудиться.
Пункты для размышления
- Что такое адаптивный дизайн?
- Почему адаптивный дизайн так важен для пользователей?
- Как сделать "резиновый" макет?
- Что такое медиа-запросы (Media Queries)?
- Как использовать медиа-запросы для того, чтобы сделать сайт адаптивным?
Задание
- Прочитайте полное введение в адаптивные дизайн от A List Apart
- Прочитайте Урок по созданию адаптивного сайта от Lingulo, однако, делать его необязательно.
- Прочитайте про адаптивный веб-дизайн на русском.
- Познакомьтесь с медиа-запросами на htmlbook на русском
Дополнительные ресурсы
Этот раздел содержит полезные ссылки на дополнительные материалы. Они не обязательны, так что расценивайте их как нечто полезное, если вы хотите поглубже погрузиться в тему.
- Урок по адаптивным сеткам от TutsPlus
- Адаптивные шаблоны для навигационной панели от Брэда Фроста (Brad Frost)
- Техники для изящного укорачивания медиа-запросов