500 грн | CSS для профи, Грант К.

(1 отзыв клиента)

500 грн.

Описание

CSS для профи, Грант К. купить Украина книга

Издательство — Питер

Язык — русский

Обложка — Мягкая обложка

Год издания — 2019

Количество страниц — 496

ISBN — 978-5-4461-0909-8

Бумага — белая, офсетная

О книге CSS для профи, Грант К.

Как вы понимаете что зашли на хороший сайт? Это происходит практически мгновенно, с первого взгляда. Такие сайты привлекают внимание картинкой — отлично выглядят, — а кроме этого они интерактивны и отзывчивы. Сразу видно, что такую страничку создавал CSS-профи, ведь именно каскадные таблицы стилей (CSS) отвечают за всё наполнение и оформление сайта от расположения элементов до неуловимых штрихов. Дело за малым — стать CSS-профи, а для этого придется разобраться в принципах CSS, научиться воплощать в жизнь идеи дизайнеров, не забывать о таких важных «мелочах», как красиво подобранный шрифт, плавные переходы и сбалансированная графика. Перед вами прямой путь в высшую лигу веб-разработки. Книга «CSS для профи» подарит вам не только свежие идеи, но и вдохновит на подвиги, а облегчить этот тернистый путь помогут новейшие технические достижения – адаптивный дизайн, библиотеки шаблонов и многое другое.

CSS для профи, Грант К. оглавление

Предисловие

Введение

Благодарности

Об этой книге

Для кого предназначена книга

Структура издания

Условные обозначения и файлы примеров

Версии браузеров

Об авторе

Иллюстрация на обложке

Часть I. Обзор основных принциповГлава 1. Каскадность, специфичность и наследование

1. Каскадность

1.1. Источник стилей

1.2. Специфичность селекторов

1.3. Исходный порядок

1.4. Два правила

2. Наследование

3. Специальные значения

3.1. Ключевое слово inherit

3.2. Ключевое слово initial

8

1.4. Сокращенная запись свойств

4.1. Остерегайтесь сокращений, скрыто переопределяющих другие стили

4.2. Порядок записи сокращенных значений

Итоги главы

Глава 2. Работа с относительными единицами

1. Мощь относительных значений

1.1. Борьба за pixel-perfect-дизайн

1.2. Конец эпохи pixel-perfect

2. Единицы em и rem

2.1. Единицы em для указания размера шрифта

2.2. Указание размера шрифта в единицах rem

3. Перестаньте думать в пикселах

3.1

Установка адекватного размера шрифта по умолчанию

3.2. Делаем панель адаптивной

3.3

Изменение размера отдельного компонента

4

Единицы измерения, относящиеся к размеру экрана устройства

4.1. Единицы vw для указания размера шрифта

4.2

Функция calc() для указания размера шрифта

5

Числа без единиц измерения и свойство line-height

6

Пользовательские свойства (или CSS-переменные)

6.1

Динамическое изменение пользовательских свойств

6.2

Изменение пользовательских свойств с помощью JavaScript

6.3

Экспериментирование с пользовательскими свойствами

Итоги главы

Глава 3. Знакомство с блочной моделью

1. Трудности с шириной элемента

1.1. Избегаем волшебных чисел

1.2. Настройка блочной модели

1.3

Глобальное применение свойства box-sizing: border-box

1.4. Добавление зазора между колонками

2. Проблемы высоты элементов

2.1. Управление переполнением

2.2

Применение альтернатив к высотам, указанным в процентах

2.3. Свойства min-height и max-height

2.4. Центрирование контента по вертикали

93.3. Отрицательные значения полей

4. Схлопывание полей

4.1. Схлопывание между текстом

4.2. Схлопывание многочисленных полей

4.3. Схлопывание вне контейнера

5. Расстояние между элементами в контейнере

5.1. Учет изменения контента

5.2

Универсальное решение: селектор лоботомированной совы

Итоги главы

Часть II. РазметкаГлава 4. Плавающие элементы

1. Предназначение плавающих элементов

2. Схлопывание контейнера и clearfix

2.1. Что такое схлопывание контейнера

2.2. Что такое clearfix

3

Неожиданный «захват» плавающего элемента

4

Медиаобъекты и блочный контекст форматирования

4.1. Что такое блочный контекст форматирования

4.2. Использование блочного контекста форматирования для разметки медиаобъектов

5. CSS-сетки

5.1. Принципы CSS-сетки

5.2. Создание CSS-сетки

5.3. Добавление зазоров

Итоги главы

Глава 5. Flexbox-верстка

1. Принципы flexbox-верстки

1.1. Создание базовой flex-навигации

1.2. Добавление отступов и промежутков

2. Размеры flex-элементов

2.1. Свойство flex-basis

2.2. Свойство flex-grow

2.3. Свойство flex-shrink

2.4. Практические примеры

10

5.3. Направление flex-элементов

3.1. Изменение направления flex-элементов

3.2. Стилевое форматирование формы авторизации

4. Выравнивание, промежутки и другие штрихи

4.1. Свойства flex-контейнеров

4.2. Свойства flex-элементов

4.3. Выравнивание flex-блоков

5. Пара вещей, о которых следует знать

5.1. Flex-баги

5.2. Полноформатная разметка

Итоги главы

Глава 6. CSS-сетки

1. Веб-разметка уже здесь

1.1. Создание базовой сетки

2. Анатомия сетки

2.1. Нумерация линий сетки

2.2. Совместная работа с flex-блоками

3. Альтернативный синтаксис

3.1. Присвоение имен линиям сетки

3.2. Присвоение имен областям сетки

4. Явная и неявная сетка

4.1. Внесем разнообразие

4.2. Подгонка элементов для заполнения полосы сетки

5. Запросы функций

6. Выравнивание

Итоги главы

Глава 7. Контексты позиционирования и наложения

1. Фиксированное позиционирование

1.1. Создание модального окна с фиксированным позиционированием

1.2. Управление размером позиционированных элементов

2. Абсолютное позиционирование

2.1. Абсолютное позиционирование кнопки Закрыть

2.2. Позиционирование псевдоэлементов

3. Относительное позиционирование

3.1. Создание раскрывающегося меню

3.2. Создание треугольника CSS

117.4. Контексты наложения и z-индекса

4.1. Процесс рендеринга и порядок наложения

4.2

Управление наложением с помощью свойства z-index

4.3. Контексты наложения

5. Липкое позиционирование

Итоги главы

Глава 8. Адаптивный дизайн

1. Подход Mobile First

1.1. Создание мобильного меню

1.2. Добавление метатега viewport

2. Медиазапросы

2.1. Типы медиазапросов

2.2. Добавление контрольных точек на страницу

2.3. Добавление адаптивных колонок

3. Резиновые макеты

3.1

Добавление стилей для большой области просмотра

3.2. Работа с таблицами

4. Адаптивные изображения

4.1. Использование нескольких изображений для экранов разных

размеров

4.2. Использование атрибута srcset для передачи нужного

изображения

Итоги главы

Часть III. Масштабируемый CSS-кодГлава 9. Модульный CSS

1. Базовые стили: закладываем основы

2. Простой модуль

2.1. Вариации модуля

2.2. Модули с множеством элементов

3. Составление крупных структур из модулей

3.1. Разделение ответственности между модулями

3.2. Именование модулей

4. Вспомогательные классы

5. Методологии CSS

Итоги главы

12

Глава 10. Библиотеки компонентов

1. Введение в KSS

1.1. Установка KSS

1.2. Написание KSS-документации

1.3. Документирование вариаций модуля

1.4. Создание начальной страницы

1.5

Документирование модулей, которым требуется JavaScript

1.6. Упорядочение контента библиотеки компонентов

по разделам

2 Инновационный способ верстки CSS

2.1. Метод CSS First

2.2. Библиотека компонентов в качестве API

Итоги главы

Часть IV. Темы повышенной сложностиГлава 11. Фоны, тени и режимы смешивания

1. Градиенты

1.1. Использование нескольких цветовых узлов

1.2. Использование радиального градиента

2. Тени

2.1. Создание объема с помощью градиентов и теней

2.2. Элементы с плоским дизайном

2.3. Создание кнопок с более современным дизайном

3. Режимы смешивания

3.1. Изменение оттенка изображения

3.2. Виды режимов смешивания

3.3. Добавление текстуры изображению

3.4. Микширование режимов смешивания

Итоги главы

Глава 12. Контраст, цвета и интервалы

1. Царство контраста

1.1. Создание шаблона

1.2. Реализация дизайна

1312.2. Цвета

2.1. Разбираемся с нотациями цветов

2.2. Добавление цветов в палитру

2.3. Применение контраста при выборе цвета текста

3. Интервалы

3.1. Единицы em или пикселы?

3.2. Вычисление высоты строки

3.3. Интервалы между строчными элементами

Итоги главы

Глава 13. Шрифтовое оформление

1. Веб-шрифты

2. Сервис Google Fonts

3. Как работает свойство @font-face

3.1. Форматы шрифтов и замена при необходимости

3.2. Варианты начертания в одной гарнитуре

4. Управление интервалами в целях повышения читаемости

4.1. Интервалы основного текста сайта

4.2. Заголовки, мелкие элементы и интервалы

5

Вспышки нестилизованного и невидимого текста

5.1. Библиотека Font Face Observer

5.2. Откат к системным шрифтам

5.3. И наконец, свойство font-display

Итоги главы

Глава 14. Переходы

1. Отсюда сюда

2. Функции времени

2.1. Изучение кривых Безье

2.2. Шаги

3. Неанимируемые свойства

3.1. Свойства, которые нельзя анимировать

3.2. Появление и исчезновение

4. Переход к автоматическому выравниванию высоты

Итоги главы

14

Глава 15. Трансформации

1

Вращение, масштабирование, смещение и наклон

1.1. Изменение точки трансформации

1.2. Применение нескольких трансформаций

2. Анимированные трансформации

2.1. Масштабирование значков

2.2. Создание «вылетающих» меток

2.3. Поэтапные переходы

3. Производительность анимации

3.1. Рендеринг страницы

4. Трехмерные (3D) трансформации

4.1. Контроль перспективы

4.2. Профессиональные приемы 3D-трансформации

Итоги главы

Глава 16. Анимация

1. Ключевые кадры

2. Анимация 3D-трансформаций

2.1. Создание макета без анимации

2.2. Добавление анимации в макет

3

Задержка запуска анимации и режим заполнения

4. Передача смысла с помощью анимации

4.1. Реакция на действие пользователя

4.2. Привлечение внимания пользователя

5. Совет напоследок

Итоги главы

ПриложенияПриложение A. Селекторы

А.1. Базовые селекторы

А.2. Комбинаторы

A.3. Селекторы псевдоклассов

А.4. Селекторы псевдоэлементов

А.5. Селекторы атрибутов

15Приложение Б. Препроцессоры

Б.1. Препроцессор Sass

Б.1.1. Установка препроцессора Sass

Б.1.2. Запуск препроцессора Sass

Б.1.3. Важные функции препроцессора Sass

Б.2. PostCSS

Б.2.1. Использование инструмента Autoprefixer

Б.2.2. Применение cssnext

Б.2.3. Использование cssnano

Б.2.4. Использование PreCSS

Также вы можете оставить вопрос или отзыв о книге: CSS для профи, Грант К.

1 отзыв на 500 грн | CSS для профи, Грант К.

  1. Евгений

    Отправили в день заказа, книга в идеальном состоянии и очень интересная. Спасибо !

Добавить отзыв

Ваш e-mail не будет опубликован. Обязательные поля помечены *