Адаптивный дизайн

Адаптивный дизайн - это создание сайтов, которые подстраиваются под пользовательское окружение, и корректно отображаются независимо от того, на каком устройстве они просматриваются, размера браузера и требований специальных возможностей. К счастью, существует большое количество хороших инструментов, которые облегчат вам создание адаптивных сайтов. Сделать неплохой адаптивный сайт не так уж и сложно, но для того, чтобы сделать что-то действительно классное, придется потрудиться.

Пункты для размышления

  • Что такое адаптивный дизайн?
  • Почему адаптивный дизайн так важен для пользователей?
  • Как сделать "резиновый" макет?
  • Что такое медиа-запросы (Media Queries)?
  • Как использовать медиа-запросы для того, чтобы сделать сайт адаптивным?

Задание

  1. Прочитайте полное введение в адаптивные дизайн от A List Apart
  2. Прочитайте Урок по созданию адаптивного сайта от Lingulo, однако, делать его необязательно.
  3. Прочитайте про адаптивный веб-дизайн на русском.
  4. Познакомьтесь с медиа-запросами на htmlbook на русском

Дополнительные ресурсы

Этот раздел содержит полезные ссылки на дополнительные материалы. Они не обязательны, так что расценивайте их как нечто полезное, если вы хотите поглубже погрузиться в тему.

Поделиться уроком: