В книге «ХТМЛ. Вёрстка сайтов для дизайнеров, редакторов и руководителей» вышли главы «Гриды» и «Адаптивная вёрстка»

28 ноября 2023
Главы «Гриды» и «Адаптивная вёрстка». Доступны бесплатные деморазвороты

В электронном учебнике Василия Половнёва и Игоря Петрова «ХТМЛ. Вёрстка сайтов для дизайнеров, редакторов и руководителей» вышли новые главы: «Гриды» и «Адаптивная вёрстка». Главы доступны всем читателям, оформившим предзаказ.

Всем, кто оформит предзаказ, мы подарим два месяца подписки бесплатно.

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

Книга будет полезна дизайнерам, редакторам, руководителям и всем, кто занимается созданием продуктов в интернете.

Гриды

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

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

Адаптивная вёрстка

Сайт могут открыть как на небольшом телефоне, так и на сверхшироком мониторе. Хорошая вёрстка адаптируется к размеру экрана, не ломается и не разваливается. К счастью, элементы вёрстки уже адаптивны по умолчанию, достаточно не сломать это поведение.

Читатели узнают, как работает адаптивность элементов, как её не сломать и как ей управлять. Научатся предотвращать переполнение или наоборот — «впихивать невпихуемое», создавать элементы нужных пропорций, менять стили страницы на разных устройствах и даже понимать, что включена тёмная тема!

Завершают главу развороты об адаптивных картинках: как оптимизировать картинки и ускорить загрузку страницы на телефоне, и наоборот — как показать более качественные варианты картинок на экране с высокой плотностью пикселей.

Демонстрационные развороты

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

Демонстрационные развороты завершает упражнение по вёрстке. Читатель расставляет кусочки кода, чтобы получившаяся вёрстка совпала с эталоном.

Предзаказ книги и 2 месяца в подарок

По‑прежнему действует предзаказ. Если подписаться на книгу до её выхода, то два месяца подписки будут в подарок. А книгу при этом уже можно начать читать прямо сейчас. Срок подписки пока не тикает.

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

Кстати, подписку можно подарить. Порадуйте друзей, знакомых и коллег.

Отправить
Поделиться
Запинить