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

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

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

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

HTML и CSS


Обложка книги «»

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

Купить 

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


Обложка книги «»

HTML5 Canvas

Читать Купить 

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


Обложка книги «»

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

Купить 

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

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

Обложка книги «»

Magic of CSS

Читать 

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


Обложка книги «»

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

Купить 

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


Обложка книги «»

CSS Master

Купить 

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

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


Обложка книги «»

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

Купить 

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

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

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

Обложка книги «»

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

Купить 

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

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

Обложка книги «»

CSS Mastery

Купить 

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

Дизайн


Обложка книги «»

Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement

Читать Купить 

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

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


Обложка книги «»

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

Купить 

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


Обложка книги «»

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

Купить 

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


Обложка книги «»

Web UI Design Best Practices

Скачать 

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


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

Наши тесты для вас:
Тест на знание сленга веб-разработчиков.
Кто вы во вселенной Звёздных Войн?
А вы точно программист?