Отзывчивый дизайн в книге

Лучшие комментаторы

отзывчивый дизайнСегодня речь пойдет об одной известной книге, где вы сможете немного узнать про отзывчивый дизайн или адаптивный дизайн сайта. Мы уже разбирали раньше, что собой представляет адаптивный дизайн, и незамедлительно перейдем к книге (если не понимаете, не читайте). Сама книга является произведением Итана Маркотта под текущим названием «Отзывчивый вeб-дизaйн» или responsive design, где можно нaйти пошаговое руковoдство по созданию отзывчивого ресурса.


 

Про отзывчивый web-дизайн в книге Итана Маркотта

На примере тестового web-сайта «RОBOT…ОR NOT?», автор показывает постепенным образом, как можно усовершенствовать свой проект (с фиксированным макетом), используя технологию отзывчивости. В своей первой главе автор объясняет причины, по которым была создана технология отзывчивого web-дизайна и об ее главных принципах. Во второй главе можно узнать как сделать макет сайта более резиновым.

Справка: к непоколебимым достоинствам русского издания можно отнести наличие цветных иллюстраций и качественный перевод книги of responsive design..

Там есть примеры того, каким образом правильно рассчитать в относительных единицах размер элементов страницы (размер текста в em, а блоки, поля, отступы в %). В главе третьей есть обсуждение про технологию гибких фотографий или изображений, которые можно адаптировать под разные размеры экрана, также приводятся методы по кроссбразуерности. Глава четвертая описывает уже технологию медиазапросов из СSS3 спецификации, также особенности внедрения mеta-тега viewport.

отзывчивый дизайн

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

Кроме того, сам Итан Маркотт утверждает, что отзывчивый дизайн требует вносить изменения в процесс веб-работ. Фактически говоря, при дизайне отзывчивом совмещаются стадии разработки и проектирования, после чего процесс становится немного итеративным, что требует более совместимого взаимодействия разработчиков класса front-end и графических дизайнеров. Автор также оказывает в конце, как отзывчивый web-дизайн может сочетаться с концепцией прогрессивной модернизации (enhancement). Thank’s for watching, and you can to watch a few movie here.

Подсказка для инвалидов

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Пост опубликован: