CSS ручной работы. Библиотека специалиста
Дэн Седерхольм
Книга посвящена современным технологиям веб-дизайна на основе CSS - каскадных таблиц стилей, использующихся при создании большинства современных интернет-сайтов. Издание затрагивает такие вопросы как использование в веб-дизайне новых свойств CSS3, гибкая работа с цветом при помощи RGBA, работа с «плавающими» элементами, использование «резиновой» верстки и гибких элементов дизайна, искусство работы с типографикой, jQuery, фоновыми элементами, а также массу других аспектов по совершенствованию веб-дизайна с помощью технологий CSS.
В дизайне нет мелочей; есть детали, которые оказываются наиболее важными. «CSS ручной работы» - это книга о таких деталях, которые отличают хороший веб-дизайн от первоклассного.
Издательство: Питер, 2011 г.
ISBN 978-5-49807-749-9, 978-0321643380
Количество страниц: 240.
Содержание книги «CSS ручной работы. Библиотека специалиста»:
- 11 Введение
- 14 О чем эта книга
- 14 Пуленепробиваемый дизайн
- 15 Прогрессивное оформление
- 16 Переоценка старых методов и самых лучших технических приемов
- 16 Для кого эта книга?
- 17 Некоторые исходные предположения
- 17 HTML ручной работы?
- 18 Обнуление стилей
- 19 Наш учебный пример
- 14 О чем эта книга
- 21 Глава 1. Всегда задавайтесь вопросом: «А что, если…?»
- 24 Простой список ссылок
- 24 Блоковые ссылки
- 25 Разметка
- 25 Задаем стиль ссылки
- 26 Задаем стиль цены
- 26 Расположение цены
- 27 Незапланированное наложение
- 28 Что, если будет изменен размер текста?
- 29 Угадать размер контента
- 29 Ситуация, в которой стоит использовать абсолютное позиционирование
- 30 Улучшаем гибкость при помощи свойства Float
- 31 Новый порядок разметки
- 31 Как сделать цену плавающим элементом
- 32 Тест на изменение размера текста
- 32 Более оптимальный порядок разметки
- 34 Задаем ширину плавающих элементов
- 35 А как насчет таблицы?
- 36 Заключение блоковых элементов в тег ссылки
- 37 Добавим визуализацию данных
- 38 Добавляем данные в разметку
- 38 Применяем базовые стили
- 39 Как скрыть значение в процентах и создать полоску
- 42 Как решить проблемы в Internet Explorer 6
- 44 Выбирая правильное решение
- 47 Глава 2. Закругленные углы с помощью свойства border-radius
- 50 Закругление раньше и сейчас
- 50 Создание закругленного блока фиксированной ширины
- 52 Создание закругленного блока переменной ширины
- 54 Проблема с цветом и радиусом
- 55 Свойство border-radius
- 56 Расширения, специфичные для производителей
- 57 Прогрессивное оформление с помощью -webkit-border-radius и -moz-border-radius
- 58 Взгляд в будущее
- 59 Как закруглить конкретные углы
- 60 Небольшая проблема в Firefox 2
- 61 При низком контрасте - очень даже неплохо
- 62 Отсечение фона
- 62 Простая гиперссылка
- 63 Создание фонового PNG-изображения
- 64 Стили, которые создают кнопку
- 65 Как просто задать состояния :hover
- 66 Как добавить границу
- 67 Отсечение фона не работает в Firefox 2
- 67 Закругление элементов формы
- 68 Простая разметка формы
- 68 Применение базовых стилей
- 69 Добавление фона и изменение границ
- 70 Создание эффекта глубины
- 71 Улучшение оформления с помощью свойств border и border-radius
- 73 Объявление стиля :focus
- 73 Как насчет других браузеров?
- 74 Ничего страшного
- 75 Прямоугольная кнопка
- 75 Прямоугольные элементы
- 75 Прогрессивное оформление
- 76 Замечательно для создания прототипа
- 50 Закругление раньше и сейчас
- 77 Глава 3. Гибкая работа с цветом при помощи RGBA
- 80 Что такое RGBA?
- 82 Свойство opacity против RGBA
- 83 Когда перестает работать свойство opacity
- 85 Совместимость
- 86 А как насчет других браузеров?
- 86 Создание резервных правил для неполноценных браузеров
- 87 Заполнение PNG-изображениями
- 89 Превосходный инструмент для создания прототипа
- 89 Не только фон
- 89 Уменьшение насыщенности шрифта с помощью RGBA
- 91 Wilsonminer.com
- 92 Как запросто добавить hover-эффект
- 93 Раскраска по номерам
- 94 Создание раздела This Week’s Specials
- 95 Создание разметки
- 96 Как сделать список горизонтальным
- 97 Добавление границы с закругленными углами
- 98 Добавление накладываемого изображения
- 99 Стили названия и цены
- 100 Добавление RGBA к накладываемому изображению
- 101 В заключение
- 103 Глава 4. Должны ли сайты выглядеть одинаково во всех браузерах?
- 106 Ответ, который я считаю правильным
- 107 «Это бонус» против «Дизайн испорчен»
- 108 Все решают руководители
- 110 Все становится проще, если руководитель - вы
- 113 Все сводится к статистике
- 113 Еще несколько новых свойств CSS, которые работают уже сейчас
- 114 Свойство text-shadow
- 117 Свойство box-shadow
- 121 Свойство -webkit-transition
- 126 В заключение
- 127 Глава 5. Управление плавающими блоками
- 130 Еще раз о плавающих элементах
- 132 Метод Easy Clearing
- 132 Использование класса .clearfix
- 133 Дополнительные правила для IE6 и 7
- 134 Добавление класса .clearfix в разметку
- 134 Семантическая дилемма
- 135 Одно из возможных решений: большой и длинный список
- 138 Выбор более подходящего имени класса
- 138 Создание класса .group в таблице стилей
- 140 Создайте стиль и забудьте об этом
- 141 Фреймворки для мастеров
- 142 Создайте свой фреймворк
- 142 index.html
- 149 screen.css
- 150 reset.css
- 152 master.css
- 154 ie.css
- 155 Ваш фреймворк может отличаться
- 156 Использование класса .group в шаблоне Tugboat
- 157 Перемещение модулей
- 158 В заключение
- 130 Еще раз о плавающих элементах
- 159 Глава 6. «Резиновая» сетка
- 163 Крупный заказ
- 165 Проблема с фиксированной шириной
- 167 Больше решений, меньше пены!
- 168 Гибкость за счет... размера шрифта?
- 171 Вопрос контекста
- 174 Смена контекста
- 176 Пилите, Шура, пилите
- 177 Больше «резины», больше сеток, больше радости
- 180 От макета к разметке
- 182 Дежавю: знак деления
- 186 Столбцы, контекст и изменения - подумать только!
- 189 «Резиновые» элементы
- 189 Это вам не просто тег img
- 193 IE и его далеко не совершенная реализация CSS - сидели на трубе…
- 194 Проблема платформ (точнее, одной платформы)
- 201 В заключение
- 163 Крупный заказ
- 203 Глава 7. Тонкости мастерства
- 206 Применяйте самый лучший амперсанд из доступных
- 207 Как найти своего внутреннего Брингхерста
- 208 Правило 5.1.3
- 209 Мы с самого начала придерживались идеи прогрессивного оформления
- 210 Мы, кажется, говорили об амперсандах?
- 212 Встраивание шрифтов с помощью CSS
- 213 Добавление @font-face в шаблон Tugboat
- 214 Поддержка @font-face
- 215 Проблема лицензирования
- 215 Бесплатные (пока) шрифты
- 217 Typekit
- 218 jQuery
- 219 Использование jQuery в шаблоне Tugboat
- 225 Использование jQuery для добавления класса last
- 231 Галопом по Европам
- 231 Движущийся фон (многоуровневый скроллинг для ленивых)
- 232 Партизанская тактика
- 234 Эффект «многоуровневости» для ленивых
- 238 Заключение
- 206 Применяйте самый лучший амперсанд из доступных
Инструкция как скачать книгу Дэн Седерхольм: CSS ручной работы. Библиотека специалиста в форматах DjVu, PDF, DOC или fb2 совершенно бесплатно.