HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств - Бен Фрейн.
- Автор: ArtAgeLess
Сегодня как никогда остро стоит проблема адаптивного веб-дизайна. Все больше планшетных компьютеров, смартфонов и даже телевизоров используется для выхода в Интернет. Разработчикам веб-страниц требуется принимать во внимание огромное разнообразие размеров экранов, а также учитывать особенности соответствующего пользовательского взаимодействия. Адаптивный веб-дизайн позволяет наилучшим образом отобразить содержимое сайтов на экранах устройств, используемых для просмотра. При этом веб-страницы будут хорошо смотреться на дисплеях не только современных устройств, но и тех, что появятся в ближайшее время.
Начните разрабатывать сайты в соответствии с новой методологией адаптивного веб-дизайна, благодаря чему они будут красиво отображаться на экранах любых размеров. Читайте эту книгу, попутно создавая и улучшая адаптивные веб-дизайны с использованием HTML5 и CSS3. Вы научитесь применять на практике новые технологии и методики, призванные стать инструментами будущего для веб-разработчиков клиентских приложений.
Если вы решили, что вам необходимо создать мобильную версию вашего сайта, не торопитесь, подумайте еще! Адаптивный веб-дизайн позволит вам разработать единый вариант сайта, который будет отлично смотреться на экранах смартфонов, настольных компьютеров и другой подобной техники. Дизайн такого сайта будет легко приспосабливаться под определенный размер пользовательского экрана, обеспечивая наиболее качественное взаимодействие, возможное на устройствах как сегодняшнего, так и завтрашнего дня.
Эта книга — исчерпывающее практическое руководство по тому, как сделать адаптивным имеющийся дизайн с фиксированной шириной. Кроме того, в ней описываются новейшие и самые полезные методики, обеспечиваемые HTML5 и CSS3 и позволяющие сделать дизайн сайта более компактным и удобным в сопровождении, чем когда-либо прежде. В этой книге также разъясняются общие и наиболее эффективные методы написания и доставки кода, изображений и файлов.
Если вам понятны HTML и CSS, то вы сможете создавать адаптивные веб-дизайны.
В главе 1 «Знакомство с HTML5, CSS3 и адаптивным веб-дизайном» поясняется, что такое адаптивный веб-дизайн, приводятся примеры таких дизайнов, а также подчеркиваются преимущества и эффект экономии от использования HTML5 и CSS3.
Из главы 2 «Медиазапросы: поддержка разных областей просмотра» вы узнаете, что такое медиазапросы, как их написать и применить к любому дизайну для адаптации CSS-стилей к возможностям устройств.
В главе 3 «Использование резиновых макетов» рассказывается о преимуществах «резиновых» макетов и демонстрируется, как можно с легкостью преобразовать текущий дизайн с фиксированной шириной в «резиновый» макет либо использовать CSS-фреймворк для быстрого создания адаптивных веб-дизайнов.
В главе 4 «HTML5 для адаптивных веб-дизайнов» исследуются преимущества написания кода на HTML5 (более компактный код, семантические элементы, автономное кэширование и WAI-ARIA для внедрения вспомогательных технологий).
В главе 5 «CSS3: селекторы, типографика и цветовые режимы» демонстрируется мощь CSS3-селекторов, позволяющих с легкостью преобразовывать все что угодно. Я также воспользуюсь CSS3-правилом @font-face, чтобы создать красивую веб-типографику, и расскажу вам о таких новых цветовых режимах CSS3, как RGB(A) и HSL(A).
В главе 6 «Великолепная эстетика с использованием CSS3» рассказывается, как создавать тени, отбрасываемые текстом и блочными элементами, а также градиенты исключительно с помощью CSS3. Мы также поговорим о том, как добавлять разнообразные фоновые изображения и создавать значки с использованием шрифтов.
В главе 7 «CSS3-переходы, трансформации и анимации» я поведаю вам о том, как создавать, преобразовывать и анимировать экранные элементы, используя лишь CSS3.
В главе 8 «Покорение форм с помощью HTML5 и CSS3» иллюстрируется, как реализовать кросс-браузерные методики, касающиеся форм и работающие на всем, начиная от новейших смартфонов и заканчивая настольными браузерами.
В главе 9 «Решение кросс-браузерных проблем с адаптивностью» разъясняется, как обеспечить поддержку адаптивности в устаревших версиях Internet Explorer, как адаптировать тот или иной набор ссылок к меню на мобильных устройствах, как обеспечивать другое содержимое для устройств с экранами высокого разрешения и условно загружать ресурсы с помощью Modernizr.
Об авторе книги «HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств»
Бен Фрейн (Ben Frain) — независимый веб-дизайнер и разработчик клиентских приложений с более чем десятилетним опытом, сотрудничающий с дизайнерскими фирмами со всего мира. Он также работает журналистом — его перу принадлежит множество публикаций, касающихся платформы Mac, перспективных технологий, дизайна сайтов и технологических систем в авиационной промышленности.
Ранее Бен был актером на телевидении, но не получил должного признания. В то же время он окончил Солфордский университет со степенью в области медиа и исполнительского искусства. Бен написал четыре в равной степени недооцененных (по его мнению) сценария и все еще надеется (хотя все меньше и меньше), что ему удастся продать хотя бы один из них. В свободное от работы время он любит играть в футбол, пока его тело (и жена) все еще позволяет ему это.
HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств - Бен Фрейн. ISBN 978-5-496-00185-4
Смотрите также другие материалы: