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 Наш учебный пример
  • 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 Замечательно для создания прототипа
  • 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 В заключение
  • 159 Глава 6. «Резиновая» сетка
    • 163 Крупный заказ
      • 165 Проблема с фиксированной шириной
      • 167 Больше решений, меньше пены!
    • 168 Гибкость за счет... размера шрифта?
      • 171 Вопрос контекста
      • 174 Смена контекста
      • 176 Пилите, Шура, пилите
    • 177 Больше «резины», больше сеток, больше радости
      • 180 От макета к разметке
      • 182 Дежавю: знак деления
      • 186 Столбцы, контекст и изменения - подумать только!
    • 189 «Резиновые» элементы
      • 189 Это вам не просто тег img
      • 193 IE и его далеко не совершенная реализация CSS - сидели на трубе…
      • 194 Проблема платформ (точнее, одной платформы)
    • 201 В заключение
  • 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 Заключение

Инструкция как скачать книгу Дэн Седерхольм: CSS ручной работы. Библиотека специалиста в форматах DjVu, PDF, DOC или fb2 совершенно бесплатно.
CSS ручной работы. Библиотека специалиста
Рейтинг книги:
3 голоса
457

Поиск книг:




При поиске учитываются только слова, длина которых больше 3-х символов.

Статистика: