Ethan Marcotte RESPONSIVE WEB DESIGN A Book Apart Итан Маркотт ОТЗЫВЧИВЫЙ ВЕБ-ДИЗАЙН Перевод с английского Павла Миронова Издательство «Манн, Иванов и Фербер» Москва, 2012 УДК 004.032.6 ББК 32.973.202; 30.18 М27 Издано с разрешения A Book Apart LLC На русском языке публикуется впервые Маркотт, И. <...> ISBN 978-5-91657-385-5 Интернет вышел за границы мира стационарных компьютеров, и сегодня можно с уверенностью сказать, что в течение нескольких лет лидирующей формой доступа в Сеть станут устройства с маленькими экранами. <...> ООО «Манн, Иванов и Фербер», 2012 6 7 9 22 53 76 120 156 158 162 162 164 ОГЛАВЛЕНИЕ От научного редактора Предисловие Глава 1 Наша отзывчивая Сеть Глава 2 Гибкая сетка Глава 3 Гибкие изображения Глава 4 Медиазапросы Глава 5 Как стать отзывчивым Благодарности Приложение. <...> Итан Маркотт, изобретя термин «отзывчивый веб-дизайн» (responsive web design), также сотворил своего рода волшебство. <...> Итан Маркотт — самый настоящий волшебник, поэтому расслабьтесь и будьте готовы поддаться его чарам. <...> А поскольку веб-дизайн — довольно-таки молодая сфера деятельности, для него вполне естественно заимствовать некоторые термины из знакомого мира. <...> По оценкам специалистов, в течение нескольких ближайших лет лидирующей формой доступа в Сеть станут устройства с маленькими экранами, при этом современные игровые консоли позволят работать в Сети на широкоформатных экранах. <...> Сеть вышла за пределы мира стационарных компьютеров, и назад дороги нет. <...> Посетители сайта, получившие ссылку на него через Twitter, Facebook или по почте, могут просматривать его только в таком, предназначенном для маленьких экранов виде (независимо от того, на каком устройстве они изучают материал). <...> Для меня читать эту статью на стационарном компьютере было сплошным мучением. <...> Мы что, действительно собираемся подстраиваться под каждый новый браузер или устройство? <...> 2 22 ГИБКАЯ СЕТКА ОДИН МОЙ ПРЕПОДАВАТЕЛЬ в колледже как-то сказал, что любое художественное действие — музыкальное, литературное или изобразительное — можно считать <...>
Отзывчивый_веб-дизайн.pdf
УДК 004.032.6
ББК 32.973.202; 30.18
М27
Издано с разрешения A Book Apart LLC
На русском языке публикуется впервые
Маркотт, И.
М27
Отзывчивый веб-дизайн / Итан Маркотт ; пер. с англ. П. Миронова. —
М. : Манн, Иванов и Фербер, 2012. — 176 с. : илл.
ISBN 978-5-91657-385-5
Интернет вышел за границы мира стационарных компьютеров, и сегодня можно
с уверенностью сказать, что в течение нескольких лет лидирующей формой
доступа в Сеть станут устройства с маленькими экранами.
Перед вами первое и единственное практическое руководство, которое в пошаговой
форме дает ответ на вопрос, как сделать сайт максимально удобным
для всех его посетителей, независимо от того, на каком устройстве они будут
его просматривать. Оно содержит рекомендации, как избежать наиболее
распространенных ошибок и решить большинство проблем, с которыми сталкиваются
современные интернет-пользователи. Кроме того, в нем вы найдете
программные коды, которые позволят применить на практике все предложенные
разработки.
УДК 004.032.6
ББК 32.973.202; 30.18
Все права защищены.
Никакая часть данной книги не может быть
воспроизведена в какой бы то ни было форме без
письменного разрешения владельцев авторских прав.
Правовую поддержку издательства обеспечивает
юридическая фирма «Вегас-Лекс»
ISBN 978-5-91657-385-5
© 2012 Ethan Marcotte. All rights reserved
© Перевод на русский язык, издание на русском
языке, оформление. ООО «Манн, Иванов
и Фербер», 2012
Стр.4
6
7
9
22
53
76
120
156
158
162
162
164
ОГЛАВЛЕНИЕ
От научного редактора
Предисловие
Глава 1
Наша отзывчивая Сеть
Глава 2
Гибкая сетка
Глава 3
Гибкие изображения
Глава 4
Медиазапросы
Глава 5
Как стать отзывчивым
Благодарности
Приложение. Полные веб-адреса
упомянутых в книге источников
Рекомендуемая литература
Помощь онлайн
Об авторе
Стр.5