Вёрстка и дизайн: подборка книг для начинающих веб-разработчиков

Аватар Иван Бирюков

Здесь мы собрали подборку книг, которые помогут прокачать свои навыки начинающим веб-программистам. Рассматриваются HTML, CSS, JS, PHP и веб-дизайн.

Обложка поста Вёрстка и дизайн: подборка книг для начинающих веб-разработчиков

Быть может, однажды вас посетит осознание того, что вы хотите стать веб-разработчиком: делать красивые уникальные сайты, проектировать сложные веб-сервисы или даже пойти по стопам Цукерберга и Аарона Шварца. Останется всего-то ничего — научиться веб-разработке. Но знакомые программисты разбежались от вас после сто первого глупейшего вопроса, знания не укладываются в голове, а даже после прочтения кучи статей и курсов осталась какая-то недосказанность? Это нормально. Важно не отчаяться, а вспомнить, что лучший друг того, кто хочет учиться — книга.

Мы собрали для вас полный набор книг, которые помогут вам разобраться в разработке web-приложений и из новичка превратиться в мастера. Вот оглавление:

  1. HTML и CSS.
  2. Дизайн.

HTML и CSS

HTML и CSS. Разработка и дизайн веб-сайтов

HTML и CSS. Разработка и дизайн веб-сайтов

Подробное введение в HTML и CSS на примере создания реальных сайтов, современных и притягивающих глаз. Книга будет доступна даже совсем новичкам, в красочной и понятной форме преподнесет как основы основы веб-разработки и верстки, так и хитрости и необычные приемы, знание которых и отличает любителя от настоящего профессионала своего дела. Структура книги построена таким образом, что можно читать ее последовательно, а можно использовать как справочник.

В этой книге рассказывается о HTML5 Canvas — элементе, предназначенном для создания растрового двухмерного изображения при помощи скриптов, обычно на языке JavaScript. В ходе разработки несколько интерактивных игр вы научитесь рисовать, рендерить текст, управлять изображениями и создавать анимацию. Книга содержит 53 интерактивных примера и упражнения.

Новая большая книга CSS

Новая большая книга CSS

CSS позволяет создавать привлекательные сайты, но разобраться в этой технологии непросто даже закалённым в боях разработчикам. Эта книга поможет вам в этом, рассказав о следующих аспектах CSS-вёрстки:

  • написание CSS-friendly HTML-кода;
  • мобильный дизайн;
  • настройка анимаций и форм;
  • позиционирование;
  • Flexbox;
  • расширения CSS, в частности, Sass.
Magic of CSS

Magic of CSS

Эта книга расскажет вам о самых хитрых аспектах CSS. Затрагиваются такие темы, как макеты, таблицы, цвета, типография и переходы. Материал сопровождается интерактивными примерами.

CSS. Карманный справочник

CSS. Карманный справочник

Если при работе с CSS вы вдруг забудете какое-то свойство, вам на помощь придёт эта книга. Она предоставляет всю необходимую информацию по CSS (в том числе и CSS3), а удобный алфавитный указатель поможет быстро найти её.

CSS Master

CSS Master

«CSS Master» создана специально для людей, которые хотят улучшить свои навыки в области CSS и web-дизайна. В этой книге раскрываются лучшие практики и техники по написанию хорошего кода и реализации различных задач.

Кроме базовых вещей, в данной книге рассмотрены способы создания сеток, анимации, интеграции с SVG, эффектов и многое другое.

The Book of CSS3, 2nd Edition: A Developer's Guide to the Future of Web Design

The Book of CSS3, 2nd Edition: A Developer's Guide to the Future of Web Design

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

Прочитав её и изучив все примеры (в этом вам поможет сайт-компаньон), вы научитесь:

  • стилизовать текст при помощи шрифтов, теней и других эффектов;
  • работать с фоновыми изображениями;
  • оживлять статические страницы при помощи событийных переходов и анимации;
  • применять к тексту и картинкам 2D- и 3D-преобразования;
  • использовать линейные и радиальные градиенты;
  • верстать при помощи Grid и Flexbox;
  • адаптировать внешний вид сайта под любое устройство.
Секреты CSS. Идеальные решения ежедневных задач

Секреты CSS. Идеальные решения ежедневных задач

В этой книге Лиа Веру, эксперт в CSS, делится 47 техниками и советами по разработке элегантных решений повседневных задач веб-дизайна. Рассматриваются такие темы, как:

  • фон и границы;
  • фигуры;
  • визуальные эффекты;
  • типография;
  • UX;
  • структура и вёрстка;
  • переходы и анимация.
CSS Mastery

CSS Mastery

Эта книга познакомит вас с такими аспектами CSS-вёрстки, как отзывчивый дизайн, модульность и типография. Изучив наглядные руководства, вы сможете использовать полезные техники на практике. Поскольку разбираются не самые простые темы, перед прочтением этой книги рекомендуем изучить основы CSS.

Дизайн

Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement

Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement

Эта книга рассказывает об основах принципа прогрессивного улучшения, его философии и механизмах, а также демонстрирует способы его применения при разработке на HTML, CSS и JavaScript.

Кстати, у нас на сайте есть статья, которая познакомит вас с принципами адаптивного дизайна — советуем прочитать.

100 главных принципов дизайна. Как удержать внимание

100 главных принципов дизайна. Как удержать внимание

Дизайн – не просто способ сделать ваш проект красивым и выделяющимся. Дизайн – это то, от чего напрямую зависит его успех. Ведь дизайн создается для людей, а они порой воспринимают наш сайт совсем не так, как предполагают разработчики. Эта книга поможет понять вам, чего же на самом деле ждут пользователи, и поможет сделать ваш проект по-настоящему привлекательным и удобным для них.

100 новых главных принципов дизайна. Как удержать внимание

100 новых главных принципов дизайна. Как удержать внимание

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

Web UI Design Best Practices

Web UI Design Best Practices

В этой книге рассказывается о лучших приёмах в разработке пользовательских интерфейсов веб-приложений. Также приводятся наглядные примеры интерфейсов от 33 компаний, таких как LivingSocial, Spotify, Skype, Apple и Skullcandy. В итоге вы научитесь верно подбирать цвета и контрастность, «играть со шрифтами» и многому другому.

Делитесь хорошими книгами в комментариях, и мы добавим их в эту подборку!

Для начинающих
Веб-разработка
Обучение программированию
Веб-дизайн
91393