Еще вчера дочитала книгу Итана Маркотта "Отзывчивый веб-дизайн".
Написана она очень доступно, с юмором, так что читается легко и быстро.
Отзывчивый веб-дизайн - это веб-дизайн, подстраивающийся под разные устройства с разным разрешением экрана и хорошо выглядящий на каждом из них.
Т.к. книга на более узкую тему, чем большинство прочитанных ранее, а написать я хочу о ней ну ооочень много, то, пожалуй, спрячу под кат. :)
Автор выделяет 3 составляющих отзывчивого веб-дизайна: 1) гибкую сетку, 2) гибкие изображения и 3) медиазапросы.
Сначала автор пишет про гибкую сетку, по сути - про "резиновую" верстку и про шрифты, заданные не жестко в пикселях, а в относительных величинах. Даже для меня эти вещи очевидны (хотя я и не занимаюсь профессионально версткой, а просто немного в ней разбираюсь по мере необходимости). Собственно, они очевидны для любого, читавшего "Ководство" Лебедева (подозреваю, что таких больше, чем тех, кто читал Якоба Нильсена, хотя Лебедев-то явно Нильсена как минимум читал).
В общем, конечно, повторение - мать учения, но все же после прочтения главы про "резиновую" верстку и шрифты я была слегка разочарована, т.к. ожидала узнать что-то новое из книги. Как оказалось, разочаровалась я преждевременно и совершенно зря. Потому что дальше стало интереснее.
Следующая глава была посвящена гибким изображениям. Одна и та же картинка будет отображаться в большем размере для пользователей с большим разрешением и в меньшем - для пользователей с маленьким разрешением экрана.
Казалось бы, тоже ничего экстраординарного. Да, для меня это было в новинку (повторюсь, я не занимаюсь профессионально версткой, хотя эта тема вызывает у меня большой интерес, так что, может, когда-нибудь и займусь). Но, наверно, для опытных верстальщиков это тоже все хорошо известно. Так или иначе, лично мне здесь уже стало по-настоящему интересно.
И наконец, медиазапросы. Признаться, до этой книги я понятия о них не имела. Медиазапросы позволяют указать в CSS-файле особые свойства для отдельных групп пользователей. Например, пользователям, просматривающим сайт с помощью мобильника, возможно, стоит показывать некоторые элементы сайта в более подходящем им виде - для удобства просмотра именно с мобильных. В книге приведены хорошие примеры реализации такого подхода.
В завершение автор приводит некоторые практические рекомендации по внедрению принципов отзывчивого веб-дизайна в свою работу. В частности, он ссылается на книгу Люка Вроблевски "Сначала мобильные".
Обычно делают так: создают основной дизайн для стационарных компьютеров и ноутбуков, а затем адаптируют его для мобильных (например, с помощью тех же медиазапросов, хотя далеко не всегда так). Альтернативный подход заключается в том, чтобы изначально разрабатывать дизайн для мобильных, а уже потом расширять его с увеличением разрешения. Преимущества такого альтернативного подхода подробно описаны в книге.
Смело могу рекомендовать "Отзывчивый веб-дизайн" всем, чья работа связана с веб-дизайном, и просто интересующимся этой темой.
Приобрела я книгу за 573 руб.
Отзывчивый веб-дизайн - это веб-дизайн, подстраивающийся под разные устройства с разным разрешением экрана и хорошо выглядящий на каждом из них.
Т.к. книга на более узкую тему, чем большинство прочитанных ранее, а написать я хочу о ней ну ооочень много, то, пожалуй, спрячу под кат. :)
Автор выделяет 3 составляющих отзывчивого веб-дизайна: 1) гибкую сетку, 2) гибкие изображения и 3) медиазапросы.
Сначала автор пишет про гибкую сетку, по сути - про "резиновую" верстку и про шрифты, заданные не жестко в пикселях, а в относительных величинах. Даже для меня эти вещи очевидны (хотя я и не занимаюсь профессионально версткой, а просто немного в ней разбираюсь по мере необходимости). Собственно, они очевидны для любого, читавшего "Ководство" Лебедева (подозреваю, что таких больше, чем тех, кто читал Якоба Нильсена, хотя Лебедев-то явно Нильсена как минимум читал).
В общем, конечно, повторение - мать учения, но все же после прочтения главы про "резиновую" верстку и шрифты я была слегка разочарована, т.к. ожидала узнать что-то новое из книги. Как оказалось, разочаровалась я преждевременно и совершенно зря. Потому что дальше стало интереснее.
Следующая глава была посвящена гибким изображениям. Одна и та же картинка будет отображаться в большем размере для пользователей с большим разрешением и в меньшем - для пользователей с маленьким разрешением экрана.
Казалось бы, тоже ничего экстраординарного. Да, для меня это было в новинку (повторюсь, я не занимаюсь профессионально версткой, хотя эта тема вызывает у меня большой интерес, так что, может, когда-нибудь и займусь). Но, наверно, для опытных верстальщиков это тоже все хорошо известно. Так или иначе, лично мне здесь уже стало по-настоящему интересно.
И наконец, медиазапросы. Признаться, до этой книги я понятия о них не имела. Медиазапросы позволяют указать в CSS-файле особые свойства для отдельных групп пользователей. Например, пользователям, просматривающим сайт с помощью мобильника, возможно, стоит показывать некоторые элементы сайта в более подходящем им виде - для удобства просмотра именно с мобильных. В книге приведены хорошие примеры реализации такого подхода.
В завершение автор приводит некоторые практические рекомендации по внедрению принципов отзывчивого веб-дизайна в свою работу. В частности, он ссылается на книгу Люка Вроблевски "Сначала мобильные".
Обычно делают так: создают основной дизайн для стационарных компьютеров и ноутбуков, а затем адаптируют его для мобильных (например, с помощью тех же медиазапросов, хотя далеко не всегда так). Альтернативный подход заключается в том, чтобы изначально разрабатывать дизайн для мобильных, а уже потом расширять его с увеличением разрешения. Преимущества такого альтернативного подхода подробно описаны в книге.
Смело могу рекомендовать "Отзывчивый веб-дизайн" всем, чья работа связана с веб-дизайном, и просто интересующимся этой темой.
Приобрела я книгу за 573 руб.