Отзывчивый веб-дизайн. Эмоциональный веб-дизайн. Основы контентной стратегии. Сначала мобильные (ком

У нас вы можете скачать книгу Отзывчивый веб-дизайн. Эмоциональный веб-дизайн. Основы контентной стратегии. Сначала мобильные (ком в fb2, txt, PDF, EPUB, doc, rtf, jar, djvu, lrf!

Говорить о том что лидирующей формой доступа в интернет в скором будущем станут аппараты с маленьким экраном, пока что рано. Представьте себе что вы смотрите статистику посещений своего сайта в Goolge Analitics или другом сервисе и видите что количество посетителей зашедших на него с мобильных устройств постоянно растет.

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

Или как сделать сайт, чтобы его контент был быстро доступен всем пользователям? Публикации Пользователи Хабы Компании Песочница. Почему стоит прочитать эту книгу? Во-первых, эта тоненькая книга всего страниц содержит описание технологии, которая уже стала революционной. Если оценивать влияние, которое оказала данная книга на Сеть и процесс веб-разработки, то ее можно поставить в один ряд с такими инновационными книгами прошлых лет, как: Во-вторых, данная книга была написана Итаном Маркоттом Ethan Marcotte — человеком, который придумал само понятие отзывчивый веб-дизайн.

Что такое отзывчивый веб-дизайн? Впервые термин отзывчивый веб-дизайн Responsive Web Design был использован 25 мая года в одноименной статье Итана Маркотта, опубликованной в журнале A List Apart. Отзывчивый веб-дизайн — это технология создания веб-страниц, которая обеспечивает удобство их просмотра на различных устройствах стационарных компьютерах, ноутбуках, планшетах, смартфонах, телевизорах, имеющих подключение к Интернет например, через игровую приставку , и т.

Целью отзывчивого веб-дизайна является универсальность HTML-разметки веб-сайта для различных устройств. Для того, чтобы веб-сайт был удобно просматриваемым с устройств различных разрешений и форматов, по технологии отзывчивого веб-дизайна не нужно создавать отдельные версии веб-сайта для каждого конкретного типа устройств. Отзывчивый веб-дизайн базируется на 3 принципах: Гибкий макет на основе сетки flexible, grid-based layout Гибкие изображения flexible images Медиазапросы CSS3 media queries Если вы уже работали с типовым веб-приложением ASP.

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

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

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

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

Также Итан Маркотт отмечает, что отзывчивый веб-дизайн требует внесения изменений в процесс веб-разработки. Фактически при отзывчивом веб-дизайне объединяются стадии проектирования и разработки, и процесс становится более итеративным, что требует более тесного взаимодействия графических дизайнеров и front-end разработчиков.

Скоро появится бумажная книга. Мы напишем вам, когда книга выйдет в продажу, и дадим на нее скидку. Строчные или прописные — не важно. Уже в корзине Добавить еще Добавить в корзину. Уже в подарке Оформить. Отложить в вишлист Книга в вишлисте.

До оформления заказа осталось. Упаковываем и доставляем подарки. Книга доступна в форматах: Выбрать другой способ оплаты. В корзине нет книг. Доставим утром 14 февраля на почту.