Руководство знакомит читателя с недокументированными способами, позволяющими найти элегантные решения для самых тривиальных задач веб-дизайна. В основу её положены лекции автора на многих специализированных конференциях веб-разработчиков. В книге приводится обзор самых актуальных тем, начиная от взаимодействия с пользователем до типографики и методики создания визуальных эффектов. Основная задача книги «Секреты CSS» — рассмотреть возможности мало исследованные в распространенных справочных материалах и задать направление в использовании всех полезных свойств CSS для их повседневных решений. Представленная книга не учебник для начинающих и адресована читателям знакомым с CSS, препроцессорами, понимающих простейший код JavaScript и не «плавающих» в математике уровня средней школы.
Оглавление
I. Введение 25
Веб-стандарты: свои или чужие? 26
Советы по написанию CSS-кода 34
II. Фон и рамки 49
1. Полупрозрачные рамки 50
2. Несколько рамок 53
3. Гибкое позиционирование фона 57
4. Внутреннее скругление 61
5. Фон в полоску 64
6. Сложные фоновые узоры 73
7. (Псевдо)случайные фоны 85
8. Сплошные рамки для изображений 90
III. Фигуры 97
9. Гибкие эллипсы 98
10. Параллелограммы 105
11. Изображения в форме ромба 109
12. Срезанные углы 114
13. Вкладки в форме трапеций 125
14. Простые секторные диаграммы 131
IV. Визуальные эффекты 145
15. Односторонние тени 146
16. Падающие тени неправильной формы 150
17. Создание цветового тона 154
18. Эффект матированного стекла 160
19. Эффект загнутого уголка 169
V. Оформление текста 179
20. Расстановка переносов 180
21. Вставка разрыва строки 183
22. Полосатая заливка строк текста 188
23. Корректировка величины табуляции 192
24. Лигатуры 194
25. Причудливые амперсанды 197
26. Настройки подчеркивания 203
27. Реалистичные текстовые эффекты 207
28. Текст по кругу 216
VI. Взаимодействие с пользователем 223
29. Выбор правильного указателя мыши 224
30. Расширение области, реагирующей на щелчок мыши 229
31. Уникальные флажки 233
32. Ослабление значимости путем затемнения 238
33. Ослабление значимости путем размытия 243
34. Подсказки о прокрутке 247
35. Интерактивное сравнение изображений 253
VII. Структура и макет 263
36. Определение размера изнутри 264
37. Укрощение ширины столбцов таблиц 267
38. Стилизация путем подсчета смежных элементов 271
39. Текучий фон, фиксированное содержимое 277
40. Центрирование по вертикали 281
41. Липкие нижние колонтитулы 288
VIII. Переходы и анимация 293
42. Эластичные переходы 294
43. Покадровая анимация 306
44. Мерцание 311
45. Имитация ввода текста 315
46. Плавная анимация состояния 321
47. Анимация вдоль окружности 326
