Элиот Стокс - Идеально! Как создать и переделать свой сайт. Правильный подход и передовые техники разработки

Есть три слова, которые, я думаю, обобщают работу в Интернете для многих из нас. Вот они:

• Отзывчивый

• Сеть

• Дизайн

Итан Маркотт дал имя комбинации из тянущихся сеток, изображений и медиазапросов CSS3. И после этого разработчики со всего мира разработали ряд классных шаблонов, скриптов и шаблонных решений для многих сложных задач, основанных на том, что Итан Маркотт назвал отзывчивый веб-дизайн.

Тем не менее отзывчивый дизайн это не просто то, как дизайнеры и разработчики используют такие технологии, как медиазапросы CSS3, и это не то, как мы решаем проблемы с отображением картинок разных размеров или как справляемся с табличными данными. Это просто технические проблемы; стать отзывчивым – это не просто преодоление технических проблем. Это не означает, что надо изучать языки и то, как их лучше использовать. Хотел бы я, чтобы все было просто. Но, к сожалению, это не так. Отзывчивый дизайн очень и очень сложный процесс.

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

Не думаю, что я одинок в своем мнении о том, что отзывчивый веб-дизайн представляет собой фундаментальное изменение того, что для нас значит разработка для Интернета. Энди Хьюм пишет [127]:

«Для меня отзывчивый дизайн – это еще один пример того, как веб-дизайн возвращается на путь Дао. Вот почему он не является дополнением или свойством. Он является ядром того, что вы делаете».

Я согласен с Энди. И хотя я знаком со многими, кто рассматривает отзывчивый дизайн просто, как одно из веяний, но надеюсь, что это, возможно, одно из самых больших и важных изменений в веб-дизайне с рождения Интернета. Как-то я написал [128]:

«Все, что неподвижно и нечувствительно – это уже не веб-дизайн, это нечто другое. Если вы больше не улавливаете прирожденную изменчивость веба, вы не веб-дизайнер, а некто другой. Веб-дизайн – это отзывчивый дизайн. Отзывчивый веб-дизайн – это самый правильный веб-дизайн».

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

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

• Контентный стратег? Вы.

• Интерактивный, графический дизайнер или разработчик пользовательского опыта? Да.

• Разработчик пользовательского интерфейса или серверный программист? Тоже вы.

• Босс, клиент и заказчик? Держу пари, вы.

• Пользователь? Тоже вы, в хорошем смысле этого слова.

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

Отсюда возникают проблемные вопросы: как, когда и зачем.

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

В 1998 году, когда я открывал нашу крошечную дизайн-студию, самыми серьезными техническими вопросами, с которыми я столкнулся, были различия в том, как отображается мой дизайн в браузерах Internet Explorer 4 и Netscape 4.

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

Действительно просто.

Посмотрите, как я работал. Спорим, что вы делали то же самое? А может, и еще делаете?