Отзывчивый веб-дизайн

Маркотт Итан

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

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

От научного редактора

Когда вы в последний раз выходили в Интернет со своего планшетника, электронной читалки или телефона? Вчера? Сегодня утром, просматривая новости за чашкой кофе?

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

«Почему же Интернет такой неповоротливый?» – спросите вы. Но это не так: Сеть меняется каждый день. Дизайнеры уже давно научились делать сайты, которые отлично выглядят и на широкоформатном мониторе, и на экране мобильного телефона. И вот что интересно – нужно для этого не так уж много. Не стоит писать кучу кодов для каждого мобильного устройства, тратить ресурсы на доработку под постоянно растущий ассортимент (попробуй за ним угнаться, когда того гляди мы будем заказывать домой продукты с экрана, встроенного прямо в холодильник).

Об этом говорит и автор «Отзывчивого веб-дизайна». Он погружает вас в мир адаптивных веб-сайтов – сайтов, которыми удобно пользоваться независимо от того, какое устройство сейчас в вашем распоряжении. Сегодня эта концепция – не прихоть, а важный тренд развития Сети. И речь идет не просто о «тянущемся» сайте, а о его «умном» приспособлении к любому устройству. Пользователю, который удобно расположился за большим экраном, вы покажете сразу несколько колонок текста. Тому же, кто зашел на ваш сайт с iPhone, – лишь тот контент, который нужен ему в дороге.

Адаптирован ли ваш сайт к мобильным устройствам? Не теряете ли вы клиентов лишь оттого, что им неудобно заходить на него с планшетника или читалки? Помогите посетителям вашего сайта – адаптируйте его для них. О том, как это лучше всего сделать, вы узнаете из книги Итана Маркотта.

Предисловие

Язык способен творить чудеса. В английском языке у слова glamour («гламур», «очарование») имеются и другие значения – «магия» или «чародейство», а происходит оно от слова grammar («грамматика»). Из всех чудес, творимых языком, самое волшебное и потрясающее – способность присваивать имена.

История веб-дизайна, хоть и недолгая, уже продемонстрировала нам преобразующую силу языка. Джеффри Зельдман подарил нам термин «веб-стандарты», а Джесси Джеймс Гарретт изменил природу взаимодействия в Сети, придумав технологию Ajax.

Итан Маркотт, изобретя термин «отзывчивый веб-дизайн» (responsive web design), также сотворил своего рода волшебство. Такие технологии, как «резиновые» сетки и изображения или медиазапросы, существовали и до него, но Итан объединил их и изменил само наше представление о веб-дизайне.

Итан – прекрасный рассказчик. Он мог бы стать идеальным автором книги об отзывчивом веб-дизайне. И, что самое замечательное, он ее уже написал!

Если вы надеетесь найти здесь советы и рекомендации, которые помогут вам придать своим сайтам внешний лоск, тогда эта книга не для вас – этот маленький шедевр куда глубже.