Отзывчивый веб-дизайн (Итан Маркотт)

ПереводОригинал

Итан МаркоттEthan Marcotte

Акция

Посмотреть содержание

ПереводОригинал

Итан МаркоттEthan Marcotte

Гибкая сетка (отрывок) (pdf)

Буклеты

Дизайн

Нестандартный взгляд на веб-дизайн Практичные советы и пошаговые инструкции Научит создавать адаптивные сайты

Бумажная
книга

Электронная
книга

Аудиокнига

Бумажная книга отсутствует на складе

Комплект отсутствует на складе

Добавить в вишлист В вишлисте

фишек
накоплено фишек дарим за регистрацию

Потратьте их на первую
покупку

Начислим до {{ bookData.types.paperbook.price.pointsPerPurchase }} фишек за покупку

Для кешбэка купите книги от {{ CONST.LOYALTY.AMOUNT_TO_JOIN }}

Скидка % по акции ещё {{ action.days }} . закончится завтра. закончится сегодня.

В наличии только {{ bookData.types.paperbook.stock }} шт.

Добавить в корзину

Оформить в корзине

Добавить в подарок

Оформить подарок

Добавить в подарок

в корзине в корзине
на

в корзине в корзине
нет книг

в подарке в подарке
на {{ actionCart.shoppingList.total.sale }}

Упаковываем и доставляем подарки Упаковываем и доставляем подарки

Бумажная книга

Комплект

Читать и слушать в Строках Читать в Строках Слушать в Строках

Купить в Лабиринте

Оплата прошла

Скачать {{format.caption}}

фишек дарим за регистрацию фишек
накоплено

Потратьте их на первую
покупку

Для кешбэка купите книги от {{ CONST.LOYALTY.AMOUNT_TO_JOIN }}

Начислим до {{ bookData.types.ebook.price.pointsPerPurchase }} фишек за покупку

Ваши фишки

Получить до {{ points.forAccrual }}

Не списывать

Списать {{ points.maxToUse }} из {{ profile.loyalty.points }}

Фишки — это ваши бонусы. Ими можно оплачивать книги, мерч и доставку в магазине МИФа. Вы зарабатываете фишки, когда делаете заказы.

О программе лояльности

Скидка % по акции ещё {{ action.days }} . закончится завтра. закончится сегодня.

Подтверждаю, что ознакомился(-лась) и согласен(-на)
с Условиями использования подарочных лицензий

Книгу нельзя подарить, если вы применили промокод со скидкой 100%. Используйте другой промокод )

Выбрать другой способ оплаты

В корзину

В корзине

Стоимость книги не может быть меньше 1 . Книга доступна в {{ format.caption }} О форматах

с электронной книгой
оплачена

Доставим утром 14 февраля на почту

Подарить новую валентинку
или купить книгу себе

Подарок

с электронной книгой
оплачен и доставлен на почту

Подарить новый подарок
или купить книгу себе

Оплата прошла

Скачать {{format.caption}}

фишек
накоплено

Потратьте их на следующую покупку

Для кешбэка купите книги от {{ CONST.LOYALTY.AMOUNT_TO_JOIN }}

фишек дарим за регистрацию фишек
накоплено

Потратьте их на первую
покупку

Для кешбэка купите книги от {{ CONST.LOYALTY.AMOUNT_TO_JOIN }}

Начислим до {{ bookData.types.audiobook.price.pointsPerPurchase }} фишек за покупку

Ваши фишки

Получить до {{ points.forAccrual }}

Не списывать

Списать {{ points.maxToUse }} из {{ profile.loyalty.points }}

О программе лояльности

Скидка % по акции ещё {{ action.days }} . закончится завтра. закончится сегодня.

Подтверждаю, что ознакомился(-лась) и согласен(-на)
с Условиями использования подарочных лицензий

Выбрать другой способ оплаты

Стоимость книги не может быть меньше 1 . Книга доступна в {{ format.caption }} О форматах

Гибкая сетка (отрывок) (pdf)

Буклеты

Дизайн

Книжная рассылка МИФа. За подписку — саммари в подарок: «Принципы лидера» и «Никаких правил».

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

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

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

Почему мы решили издать эту книгу

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

Для кого эта книга

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

Фишка книги

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

Развернуть описание Свернуть описание

Итан Маркотт – автор книги «Отзывчивый веб-дизайн»

Итан Маркотт – разносторонний дизайнер-разработчик. Его работы – это сочетание качественного кода и захватывающего дизайна. Среди его клиентов – New York Magazine, Стэнфордский университет, Кинофестиваль «Сандэнс» и «Консорциум Всемирной паутины» (World Wide Web Consortium, W3C). Он ведет блог unstoppablerobotninja.com и постоянно зависает в Твиттере (@beep).

Итан – автор и технический редактор журнала A List Apart – издания для людей, делающих веб-сайты. Вместе с основателем компании Happy Cog, самым известным веб-дизайнером в мире Джеффри Зельдманом, Итан работал над третьей редакцией книги «Web-дизайн по стандартам», которая занимает почетное место на книжных полках каждого опытного дизайнера.

Развернуть описание Свернуть описание

Большая проблема дизайнеров

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

Отзывчивая архитектура

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

С чего начать

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

Три важных компонента

Если мы говорим о разработке макета страницы, нам потребуются три основных компонента: гибкий макет на основе сетки (fl exible, grid-based layout); гибкие изображения (fl exible images); медиазапросы (media queries), модуль спецификации CSS3.

Сначала мобильные

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

Просто и незатратно

Дизайнеры уже давно научились делать сайты, которые отлично выглядят и на широкоформатном мониторе, и на экране мобильного. И вот что интересно — нужно для этого не так уж много. Не стоит писать кучу кодов для каждого устройства и тратить ресурсы на доработку под постоянно растущий ассортимент.