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

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

460 грн.

Описание

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

n
n
n
nОбкладинка – м”яка
n
nРік видання – 2019
n
nКількість сторінок – 496
n
nISBN – 978-5-4461-0909-8
n
nБумага – біла, офсет
n

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

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

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

nПредисловие
n
nВведение
n
nБлагодарности
n
nОб этой книге
n
nДля кого предназначена книга
n
nСтруктура издания
n
nУсловные обозначения и файлы примеров
n
nВерсии браузеров
n
nОб авторе
n
nИллюстрация на обложке
n
nЧасть I. Обзор основных принциповГлава 1. Каскадность, специфичность и наследование
n
n1. Каскадность
n
n1.1. Источник стилей
n
n1.2. Специфичность селекторов
n
n1.3. Исходный порядок
n
n1.4. Два правила
n
n2. Наследование
n
n3. Специальные значения
n
n3.1. Ключевое слово inherit
n
n3.2. Ключевое слово initial
n
n8
n
n1.4. Сокращенная запись свойств
n
n4.1. Остерегайтесь сокращений, скрыто переопределяющих другие стили
n
n4.2. Порядок записи сокращенных значений
n
nИтоги главы
n
nГлава 2. Работа с относительными единицами
n
n1. Мощь относительных значений
n
n1.1. Борьба за pixel-perfect-дизайн
n
n1.2. Конец эпохи pixel-perfect
n
n2. Единицы em и rem
n
n2.1. Единицы em для указания размера шрифта
n
n2.2. Указание размера шрифта в единицах rem
n
n3. Перестаньте думать в пикселах
n
n3.1
n
nУстановка адекватного размера шрифта по умолчанию
n
n3.2. Делаем панель адаптивной
n
n3.3
n
nИзменение размера отдельного компонента
n
n4
n
nЕдиницы измерения, относящиеся к размеру экрана устройства
n
n4.1. Единицы vw для указания размера шрифта
n
n4.2
n
nФункция calc() для указания размера шрифта
n
n5
n
nЧисла без единиц измерения и свойство line-height
n
n6
n
nПользовательские свойства (или CSS-переменные)
n
n6.1
n
nДинамическое изменение пользовательских свойств
n
n6.2
n
nИзменение пользовательских свойств с помощью JavaScript
n
n6.3
n
nЭкспериментирование с пользовательскими свойствами
n
nИтоги главы
n
nГлава 3. Знакомство с блочной моделью
n
n1. Трудности с шириной элемента
n
n1.1. Избегаем волшебных чисел
n
n1.2. Настройка блочной модели
n
n1.3
n
nГлобальное применение свойства box-sizing: border-box
n
n1.4. Добавление зазора между колонками
n
n2. Проблемы высоты элементов
n
n2.1. Управление переполнением
n
n2.2
n
nПрименение альтернатив к высотам, указанным в процентах
n
n2.3. Свойства min-height и max-height
n
n2.4. Центрирование контента по вертикали
n
n93.3. Отрицательные значения полей
n
n4. Схлопывание полей
n
n4.1. Схлопывание между текстом
n
n4.2. Схлопывание многочисленных полей
n
n4.3. Схлопывание вне контейнера
n
n5. Расстояние между элементами в контейнере
n
n5.1. Учет изменения контента
n
n5.2
n
nУниверсальное решение: селектор лоботомированной совы
n
nИтоги главы
n
nЧасть II. РазметкаГлава 4. Плавающие элементы
n
n1. Предназначение плавающих элементов
n
n2. Схлопывание контейнера и clearfix
n
n2.1. Что такое схлопывание контейнера
n
n2.2. Что такое clearfix
n
n3
n
nНеожиданный «захват» плавающего элемента
n
n4
n
nМедиаобъекты и блочный контекст форматирования
n
n4.1. Что такое блочный контекст форматирования
n
n4.2. Использование блочного контекста форматирования для разметки медиаобъектов
n
n5. CSS-сетки
n
n5.1. Принципы CSS-сетки
n
n5.2. Создание CSS-сетки
n
n5.3. Добавление зазоров
n
nИтоги главы
n
nГлава 5. Flexbox-верстка
n
n1. Принципы flexbox-верстки
n
n1.1. Создание базовой flex-навигации
n
n1.2. Добавление отступов и промежутков
n
n2. Размеры flex-элементов
n
n2.1. Свойство flex-basis
n
n2.2. Свойство flex-grow
n
n2.3. Свойство flex-shrink
n
n2.4. Практические примеры
n
n10
n
n5.3. Направление flex-элементов
n
n3.1. Изменение направления flex-элементов
n
n3.2. Стилевое форматирование формы авторизации
n
n4. Выравнивание, промежутки и другие штрихи
n
n4.1. Свойства flex-контейнеров
n
n4.2. Свойства flex-элементов
n
n4.3. Выравнивание flex-блоков
n
n5. Пара вещей, о которых следует знать
n
n5.1. Flex-баги
n
n5.2. Полноформатная разметка
n
nИтоги главы
n
nГлава 6. CSS-сетки
n
n1. Веб-разметка уже здесь
n
n1.1. Создание базовой сетки
n
n2. Анатомия сетки
n
n2.1. Нумерация линий сетки
n
n2.2. Совместная работа с flex-блоками
n
n3. Альтернативный синтаксис
n
n3.1. Присвоение имен линиям сетки
n
n3.2. Присвоение имен областям сетки
n
n4. Явная и неявная сетка
n
n4.1. Внесем разнообразие
n
n4.2. Подгонка элементов для заполнения полосы сетки
n
n5. Запросы функций
n
n6. Выравнивание
n
nИтоги главы
n
nГлава 7. Контексты позиционирования и наложения
n
n1. Фиксированное позиционирование
n
n1.1. Создание модального окна с фиксированным позиционированием
n
n1.2. Управление размером позиционированных элементов
n
n2. Абсолютное позиционирование
n
n2.1. Абсолютное позиционирование кнопки Закрыть
n
n2.2. Позиционирование псевдоэлементов
n
n3. Относительное позиционирование
n
n3.1. Создание раскрывающегося меню
n
n3.2. Создание треугольника CSS
n
n117.4. Контексты наложения и z-индекса
n
n4.1. Процесс рендеринга и порядок наложения
n
n4.2
n
nУправление наложением с помощью свойства z-index
n
n4.3. Контексты наложения
n
n5. Липкое позиционирование
n
nИтоги главы
n
nГлава 8. Адаптивный дизайн
n
n1. Подход Mobile First
n
n1.1. Создание мобильного меню
n
n1.2. Добавление метатега viewport
n
n2. Медиазапросы
n
n2.1. Типы медиазапросов
n
n2.2. Добавление контрольных точек на страницу
n
n2.3. Добавление адаптивных колонок
n
n3. Резиновые макеты
n
n3.1
n
nДобавление стилей для большой области просмотра
n
n3.2. Работа с таблицами
n
n4. Адаптивные изображения
n
n4.1. Использование нескольких изображений для экранов разных
n
nразмеров
n
n4.2. Использование атрибута srcset для передачи нужного
n
nизображения
n
nИтоги главы
n
nЧасть III. Масштабируемый CSS-кодГлава 9. Модульный CSS
n
n1. Базовые стили: закладываем основы
n
n2. Простой модуль
n
n2.1. Вариации модуля
n
n2.2. Модули с множеством элементов
n
n3. Составление крупных структур из модулей
n
n3.1. Разделение ответственности между модулями
n
n3.2. Именование модулей
n
n4. Вспомогательные классы
n
n5. Методологии CSS
n
nИтоги главы
n
n12
n
nГлава 10. Библиотеки компонентов
n
n1. Введение в KSS
n
n1.1. Установка KSS
n
n1.2. Написание KSS-документации
n
n1.3. Документирование вариаций модуля
n
n1.4. Создание начальной страницы
n
n1.5
n
nДокументирование модулей, которым требуется JavaScript
n
n1.6. Упорядочение контента библиотеки компонентов
n
nпо разделам
n
n2 Инновационный способ верстки CSS
n
n2.1. Метод CSS First
n
n2.2. Библиотека компонентов в качестве API
n
nИтоги главы
n
nЧасть IV. Темы повышенной сложностиГлава 11. Фоны, тени и режимы смешивания
n
n1. Градиенты
n
n1.1. Использование нескольких цветовых узлов
n
n1.2. Использование радиального градиента
n
n2. Тени
n
n2.1. Создание объема с помощью градиентов и теней
n
n2.2. Элементы с плоским дизайном
n
n2.3. Создание кнопок с более современным дизайном
n
n3. Режимы смешивания
n
n3.1. Изменение оттенка изображения
n
n3.2. Виды режимов смешивания
n
n3.3. Добавление текстуры изображению
n
n3.4. Микширование режимов смешивания
n
nИтоги главы
n
nГлава 12. Контраст, цвета и интервалы
n
n1. Царство контраста
n
n1.1. Создание шаблона
n
n1.2. Реализация дизайна
n
n1312.2. Цвета
n
n2.1. Разбираемся с нотациями цветов
n
n2.2. Добавление цветов в палитру
n
n2.3. Применение контраста при выборе цвета текста
n
n3. Интервалы
n
n3.1. Единицы em или пикселы?
n
n3.2. Вычисление высоты строки
n
n3.3. Интервалы между строчными элементами
n
nИтоги главы
n
nГлава 13. Шрифтовое оформление
n
n1. Веб-шрифты
n
n2. Сервис Google Fonts
n
n3. Как работает свойство @font-face
n
n3.1. Форматы шрифтов и замена при необходимости
n
n3.2. Варианты начертания в одной гарнитуре
n
n4. Управление интервалами в целях повышения читаемости
n
n4.1. Интервалы основного текста сайта
n
n4.2. Заголовки, мелкие элементы и интервалы
n
n5
n
nВспышки нестилизованного и невидимого текста
n
n5.1. Библиотека Font Face Observer
n
n5.2. Откат к системным шрифтам
n
n5.3. И наконец, свойство font-display
n
nИтоги главы
n
nГлава 14. Переходы
n
n1. Отсюда сюда
n
n2. Функции времени
n
n2.1. Изучение кривых Безье
n
n2.2. Шаги
n
n3. Неанимируемые свойства
n
n3.1. Свойства, которые нельзя анимировать
n
n3.2. Появление и исчезновение
n
n4. Переход к автоматическому выравниванию высоты
n
nИтоги главы
n
n14
n
nГлава 15. Трансформации
n
n1
n
nВращение, масштабирование, смещение и наклон
n
n1.1. Изменение точки трансформации
n
n1.2. Применение нескольких трансформаций
n
n2. Анимированные трансформации
n
n2.1. Масштабирование значков
n
n2.2. Создание «вылетающих» меток
n
n2.3. Поэтапные переходы
n
n3. Производительность анимации
n
n3.1. Рендеринг страницы
n
n4. Трехмерные (3D) трансформации
n
n4.1. Контроль перспективы
n
n4.2. Профессиональные приемы 3D-трансформации
n
nИтоги главы
n
nГлава 16. Анимация
n
n1. Ключевые кадры
n
n2. Анимация 3D-трансформаций
n
n2.1. Создание макета без анимации
n
n2.2. Добавление анимации в макет
n
n3
n
nЗадержка запуска анимации и режим заполнения
n
n4. Передача смысла с помощью анимации
n
n4.1. Реакция на действие пользователя
n
n4.2. Привлечение внимания пользователя
n
n5. Совет напоследок
n
nИтоги главы
n
nПриложенияПриложение A. Селекторы
n
nА.1. Базовые селекторы
n
nА.2. Комбинаторы
n
nA.3. Селекторы псевдоклассов
n
nА.4. Селекторы псевдоэлементов
n
nА.5. Селекторы атрибутов
n
n15Приложение Б. Препроцессоры
n
nБ.1. Препроцессор Sass
n
nБ.1.1. Установка препроцессора Sass
n
nБ.1.2. Запуск препроцессора Sass
n
nБ.1.3. Важные функции препроцессора Sass
n
nБ.2. PostCSS
n
nБ.2.1. Использование инструмента Autoprefixer
n
nБ.2.2. Применение cssnext
n
nБ.2.3. Использование cssnano
n
nБ.2.4. Использование PreCSS
n

Також ви можете залишити питанная або відгук про книгу: CSS для профи, Грант К.

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

  1. Евгений

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

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

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