В электронном учебнике Василия Половнёва и Игоря Петрова «ХТМЛ. Вёрстка сайтов для дизайнеров, редакторов и руководителей» вышли новые главы: «Гриды» и «Адаптивная вёрстка». Главы доступны всем читателям, оформившим предзаказ.
Всем, кто оформит предзаказ, мы подарим два месяца подписки бесплатно.
В новых главах читатели изучат гриды — самый современный и продвинутый способ расстановки элементов на странице, научатся адаптировать вёрстку для телефонов и планшетов, не допускать вылезания и обрезки содержимого, а ещё — оптимизировать картинки под разные экраны и устройства.
Книга будет полезна дизайнерам, редакторам, руководителям и всем, кто занимается созданием продуктов в интернете.
Гриды — самый современный способ расстановки. Расстановка гридами похожа на работу с направляющими в Фотошопе — создаём сетку из ячеек и раскладываем по ним модули. Поэтому гриды могут быть понятнее и привычнее дизайнерам, чем флексбоксы.
Читатели шаг за шагом познакомятся со свойствами гридов и сценариями их применения, а затем сверстают несколько модульных сеток разной сложности. Отдельный разворот посвящён сравнению гридов и флексбоксов и выбору подходящего инструмента для расстановки.
Сайт могут открыть как на небольшом телефоне, так и на сверхшироком мониторе. Хорошая вёрстка адаптируется к размеру экрана, не ломается и не разваливается. К счастью, элементы вёрстки уже адаптивны по умолчанию, достаточно не сломать это поведение.
Читатели узнают, как работает адаптивность элементов, как её не сломать и как ей управлять. Научатся предотвращать переполнение или наоборот — «впихивать невпихуемое», создавать элементы нужных пропорций, менять стили страницы на разных устройствах и даже понимать, что включена тёмная тема!
Завершают главу развороты об адаптивных картинках: как оптимизировать картинки и ускорить загрузку страницы на телефоне, и наоборот — как показать более качественные варианты картинок на экране с высокой плотностью пикселей.
В книге доступны бесплатные демонстрационные развороты, на них читатель познакомится с устройством веб‑страницы, научится верстать и настраивать простейшие модули, а также узнает о возможностях современных вариативных шрифтов в вебе.
Демонстрационные развороты завершает упражнение по вёрстке. Читатель расставляет кусочки кода, чтобы получившаяся вёрстка совпала с эталоном.
По‑прежнему действует предзаказ. Если подписаться на книгу до её выхода, то два месяца подписки будут в подарок. А книгу при этом уже можно начать читать прямо сейчас. Срок подписки пока не тикает.
Для тех, кто уже подписан на другие книги бюро, действует спеццена. Чтобы скидка подействовала, войдите в Бюросферу, используя адрес, с которым вы подписывались на любую из других книг.
Кстати, подписку можно подарить. Порадуйте друзей, знакомых и коллег.
Оставьте свою электронную почту, чтобы узнать о выходе этой и других книг.