Главная > CSS/Style Sheets > 50 новых CSS-приёмов для вашего будущего Интернет-проекта

50 новых CSS-приёмов для вашего будущего Интернет-проекта


24 июля 2009, 01:25. Разместил: Mysterious Master
CSS (Каскадные таблицы стилей) - по всей вероятности, одна из лучших разработок в области веб-дизайна с тех пор, как первые графические веб-браузеры вошли в обиход. Табличной вёрсткой создавались громоздкие, требовавшие долгой загрузки страницы, в то время как CSS позволяет создавать веб-страницы, куда более компактные и удобные в использовании. К тому же, CSS-технология открыла дизайнерам доступ ко множеству разных стилей, ранее применимых только в работе с изображениями.

Одно из главных преимуществ CSS в том, что, освоив азы, дальше работать очень легко. Табличная вёрстка требовала написания невероятно сложных и порой не поддающихся расшифровке кодов, а с CSS всё ясно и просто. Добавьте пару пояснений для порядка, и дальше - не работа, а сказка.

Далее следуют 50 новых подсказок, приёмов и инструкций, которые помогут улучшить ваш следующий веб-дизайн проект.

1. Безопасность и функциональность
2. Разметка страницы
3. Адаптация меню и системы навигации сайта к запросам клиента
4. Типографская разметка текста
5. Другие дельные советы, приёмы и подсказки

1. Безопасность и функциональность

Хотя CSS зачастую принимают всего лишь за язык стилей, есть способы использовать его для повышения безопасности вашего сайта. Кроме того, путём его оптимизации можно ускорить загрузку вашей страницы. Обе эти возможности описаны ниже.

- Ускорьте загрузку ваших страниц через сочетание и сжатие джава-скрипта и файлов CSS

Следуя данной инструкции, вы научитесь писать PHP-программы для сжатия и комбинирования большого объёма CSS и/или джава-файлов с помощью утилиты gzip при обращении к ним браузера. Это значительно ускоряет загрузку страниц, оставляя вам возможность редактировать отдельные CSS или джава-файлы без необходимости каждый раз комбинировать и заново сжимать их.

Неофициальное тестирование показало, что группу джава-файлов удалось сжать со 168 кб (а время их передачи с 1905 миллисекунд) до 37 кб (и 400 миллисекунд). Сведений о подобном воздействии на CSS-файлы у нас нет, но можно предположить, что оно даёт такой же эффект.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Итоговая публикация на тему сжатия ваших CSS-файлов через Gzip

Здесь описаны лучшие новейшие методы применения GZIP для сжатия ваших CSS-файлов. Сейчас речь идёт о двух различных методах, в равной степени действенных. Первый состоит в добавлении PHP-кода к вашему CSS-файлу (и присвоении файлу расширения PHP вместо CSS); тогда как второй - в использовании этого же, но слегка модифицированного PHP-кода в виде отдельного файла.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Clickjane.css. Пользовательский инструмент CSS для выявления и пресечения попыток взлома

Здесь описано применение clickjane.css для предупреждения клик-джекинга, разновидности интернет-мошенничества, подобной краже данных через ввод паролей и кодов доступа на определённых сайтах, основанной на слабости защиты от взлома, и официально именуемой "подмена интерфейса пользователя". Продолжает работать при смене браузера, но, надо признать, защищает лишь малую часть потенциально уязвимого для клик-джекеров ПО. Тем не менее, служит хорошей отправной точкой.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- 5 шагов программы облегчения таблицы стилей

Здесь описаны 5 различных способов уменьшения размера ваших таблиц стилей. Спектр приёмов широк - от навыка группирования селекторов до применения CSS-сокращений. Каждый из приёмов изложен во всех подробностях, включая его дополнительные возможности.
50 новых CSS-приёмов для вашего будущего Интернет-проекта


1. Безопасность и функциональность
2. Разметка страницы
3. Адаптация меню и системы навигации сайта к запросам клиента
4. Типографская разметка текста
5. Другие дельные советы, приёмы и подсказки

2. Разметка страницы

Собственно, для этого и разработали CSS. Возможности в этом плане почти безграничны, особенно с присвоением CSS3 статуса нового стандарта.

- Выравнивание изображений внутри текста через вертикальное структурирование

Вертикальное выравнивание изображений внутри текста по умолчанию порой даёт неприглядный результат. Следуя этой инструкции, можно лучше встроить изображения в текст на вашем сайте с учётом его шрифта. В ней рассматриваются различные типы вертикального выравнивания и их сочетаемость со шрифтом.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- CSS-центрирование

Здесь также даются инструкции по центрированию средствами CSS подвижной разметки. Это очень просто, доступно и применимо, практически, к любому браузеру. В основе метода - ограничение страницы слева и справа в сочетании с одним из добавочных кодов для сохранения её вида при смене браузера.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Фиксация нижнего колонтитула с помощью CSS

Удерживать колонтитулы внизу ваших страниц посредством CSS может быть весьма проблематично, в зависимости от остальных компонентов вашей страницы. Здесь, как раз, и описан метод закрепления колонтитула в отведённом ему месте - ниже всего прочего содержимого страницы! К очень подробному разъяснению приложены пошаговые детальные инструкции.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Вертикальное центрирование с использованием CSS

Эта публикация знакомит вас с пятью отличными способами вертикального центрирования содержимого вашей страницы. В ней рассматриваются преимущества и недостатки каждого из методов наряду с детальными указаниями по их применению. Методы разные - от использования элементов "div" в качестве таблиц до привязки к точным координатам.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Полезные советы по созданию таблиц стилей CSS для печатных страниц

Здесь даются отменные советы по созданию таблиц стилей, улучшающих вид страницы при её распечатке. Прилагаются инструкции по выполнению всех операций - от указания адресатов ссылок после их текста до вынесения комментариев на новую страницу. Выбирайте интересующие вас приёмы из числа предложенных или копируйте себе таблицу стилей полностью.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Подвижные изображения

Подвижные компоненты - редкие молодцы. Они, как правило, выглядят и работают отлично, но лишь пока вы не начнёте заполнять их объектами фиксированной ширины, - например, изображениями. Здесь описан способ придания подвижности, в том числе, вашим изображениям. Он пригоден и для большинства встроенных видео-фрагментов. И, хотя этот приём основан на применении всего лишь одного свойства CSS-технологии, путём необходимой доработки его можно приспособить для использования в Windows.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Гибкие столбцы равной высоты

Здесь описано создание полностью универсальных, равных по высоте столбцов через валидную и семантическую разметку. Метод работает при смене браузера как для статичной, так и для подвижной, и даже для растяжимой формы дизайна. Описание очень подробное, но вполне доступное для понимания.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- CSS-столбцы и их границы

Этот приём позволяет создавать с помощью CSS равные по высоте столбцы, имеющие границы. Для достижения эффекта здесь используются вложения групп элементов "div" вместо изображений. Конечный результат - просто чудо.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Создание программы просмотра полароид-фотографий с помощью CSS3 и jQuery

Фотогалерея, созданная таким путём, - шедевр. HTML и CSS-вёрстка для неё не так уж сложны, а руководство даётся очень подробное. Хотя CSS3 поддерживается не каждым браузером, влияние этого фактора постепенно снижается, позволяя отлично применять эту технологию с небольшой скидкой на то, что некоторые посетители сайта не смогут оценить её эффект в полной мере.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Сногсшибательный набор CSS-стилей для полного ресета стилей

Полнейший набор инструментов для досконального ресета, причём, здесь описан каждый, какой бы вам ни понадобился. Некоторые, состоящие всего из пары элементов, работают быстро и легко, в то время как другие предназначены для решения комплексных задач, и обеспечивают ресет чего угодно.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Проектирование систем модульной структуры

Это подробная инструкция по созданию средствами CSS систем модульной структуры. Этим способом удобно формировать отдельные фрагменты содержания страницы из различных элементов "div", образующих сетку. В итоге мы получаем большой запас гибкости структуры при работе с любым содержимым - от изображений до текстов, - сохраняя его однородность и связность.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Вариативность фона (CSS3)

Здесь описано применение CSS3 для обеспечения вариативности фона. Пока эта технология поддерживается только браузером Safari, но в инструкции сказано, как добиться того, чтобы она заработала и в других браузерах. Она ещё не прошла валидацию, но когда стандарт CSS3 будет полностью сформирован, видимо, пройдёт.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Вариативность столбцов CSS3

Руководство по созданию с помощью CSS3 многостолбцевых структур. CSS простыми и действенными средствами решает эту задачу гораздо легче, чем большинство других генераторов многостолбцевых структур. К сожалению, на данный момент этот метод пригоден только для браузеров Firefox, Safari и Chrome.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Умные столбцы от CSS и jQuery

Здесь описано создание регулируемых столбцов внутри подвижных структур комбинацией средств CSS и jQuery. Суть метода - в размещении как можно большего количества столбцов внутри исходного столбца с последующим выравниванием пространства между ними. Весьма изящное решение, если вам предстоит варьировать количество столбцов, и не хочется затем заполнять образовавшиеся в проекте пустоты.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Подгон CSS под браузеры Chrome, Safari и Internet Explorer

Здесь описано применение различных таблиц стилей в зависимости от браузера, установленного у ваших пользователей (IE 5-8, Google Chrome и Safari 1-4). Очень ценный приём для желающих работать со стилями, поддерживаемыми не всеми браузерами, без потери качества просмотра при открытии страницы в незнакомом браузере.

1. Безопасность и функциональность
2. Разметка страницы
3. Адаптация меню и системы навигации сайта к запросам клиента
4. Типографская разметка текста
5. Другие дельные советы, приёмы и подсказки

3. Адаптация меню и системы навигации сайта к запросам клиента

Оформление меню и системы навигации может стать настоящей "изюминкой" вашего сайта при правильном подходе. Помните главное: меню должно быть удобным и функциональным, как бы оно ни выглядело.

- Сделайте перекрёстное меню!

Вам хотелось когда-нибудь включить в меню частично замещающие друг друга команды? Эта довольно простая инструкция поможет вам добиться желаемого эффекта через использование однозначно определяемых классов для пунктов вашего меню. Кроме того, она объясняет, как поменять местами пункты навигации с помощью свойства z-index. Впечатляющий эффект, при этом, легко достижимый.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Супер-кнопки от CSS3 и RGBA

Немного поколдовав с CSS3, вы получите масштабируемый набор симпатичных кнопок, причём, на снятие заклятья с красок ушло бы вдвое больше CSS-кодов. Опробуйте этот метод на вашем следующем проекте, и увидите, как легко стало придавать лоск вашему дизайну, не перегружая программу излишне.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Кнопки на заказ 3.0

На этой странице представлен ряд кнопок с закруглёнными краями (радиус - 1 пиксель), которые не привязаны к изображениям (разве что, для беглого эффекта наклона на заднем плане). Просто обратитесь к исходному коду для этой страницы, чтобы понять, как это сделано.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Центрированные вкладки от CSS

Это руководство по созданию вкладок средствами CSS отличным от "раздвижных дверей" способом, позволяющим располагать их по центру вместо привязки к правому или левому краю. В описании метода много пунктов, но особых сложностей нет.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Оформление кнопок средствами CSS по методу "раздвижных дверей"

Дополненное руководство по созданию кнопок методом "раздвижных дверей", в которое теперь включено описание этого процесса с помощью фантомных изображений CSS. Операция упростилась, и сейчас выполняется одним CSS-блоком во всех основных браузерах (в том числе, IE 6-8). Разметку сделать легко и просто, а результат вас полностью устроит.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Оформление кнопок в виде ссылок

Иногда кнопки - неизбежный выбор (например, для анкет), хотя вы понимаете, что ваш дизайн сильно бы выиграл от использования простых текстовых ссылок. Здесь дано подробное описание того, как придать вашим кнопкам вид текстовых ссылок средствами CSS.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Простые масштабируемые "хлебные крошки" от CSS

"Хлебные крошки" (встроенные отладочные операторы) могут отлично дополнить систему навигации вашего сайта и сделать его намного удобнее для пользователей. В этой инструкции описано создание "хлебных крошек" с помощью CSS. Для этого применяется простой код (его HTML-часть представляет собой неупорядоченный список), и задаются всего шесть CSS стилей.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Второе рождение кнопки

В этой статье описано создание кнопки, по виду очень схожей с обычными кнопками ввода, собранными HTML-кодом, но гораздо более функциональной (прикреплённой ко всплывающим меню или служащей переключателем). Эти кнопки изначально были разработкой Google, и могут воссоздаваться всего несколькими строчками CSS-кода. Эти кнопки целиком строятся по CSS-технологии, включая отображение наклона на заднем плане.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Десяток способов оформления ссылок для удобства пользователей

На этой странице представлен обширный обзор различных деталей оформления ссылок, в том числе, выбор цвета, подчёркивания, фона и анимации. Это хорошая отправная точка для поиска решения относительно вида и возможностей взаимодействия ваших ссылок с пользователем для его большего удобства.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Создание панели навигации, подобной Vimeo

Это руководство по созданию панели навигации со всплывающим меню вверху страницы, подобной той, что используется на сайте Vimeo.com. Она конструируется из изображений, CSS- и HTML-кодов, что не представляет особой сложности, хотя имеет свои нюансы. Разъяснение дано очень подробное, вся структура проиллюстрирована, а CSS-составляющая расписана отлично.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Точнейшее горизонтальное центрирование панелей меню/вкладок

В этом руководстве разъясняется создание строго центрированных на странице меню и других подобных объектов, сохраняющих свойства в любых браузерах, средствами CSS, без использования подгонки под браузер и джава-скрипта. Этот метод применим также к подвижным структурам. Вам предлагаются не только коды для решения поставленной задачи, но и подробное описание способа и механизма их работы.

1. Безопасность и функциональность
2. Разметка страницы
3. Адаптация меню и системы навигации сайта к запросам клиента
4. Типографская разметка текста
5. Другие дельные советы, приёмы и подсказки

4. Типографская разметка текста

Здесь даны несколько инструкций и советов по созданию новейших стилей типографской разметки текста с помощью CSS. Они охватывают все аспекты - от функций выравнивания строк для защиты от наложения спектров до возможности задавать угол наклона и наличие тени.

- Обрамление текста тегами "pre"

Это инструкция по размещению текста внутри HTML-тегов "pre". Может пригодиться вам для отображения на вашем сайте кодов, особенно, когда строка кода слишком длинная, и нарушает разметку вашего сайта (например, в IE). Инструкция достаточно простая, к тому же, рассматривает и другие варианты решения этой задачи.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Создание броских и высоко-технологичных эффектов оформления текста с помощью инструмента CSS "Text-Shadow"

Создание эффектов оформления текста без использования изображений - значительный прорыв, благодаря которому уменьшается и размер файла, и длительность рабочего процесса. Здесь описано применение инструмента CSS "text shadow" ("тень") для оформления вашего текста. Хотя этот эффект не действует в IE, большинство других браузеров его воспринимают. И вид тексту, при правильном применении, он придаёт невероятно шикарный. (пример под названием "milky text" ("млечный текст") очень впечатляет).
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Подгон CSS под браузер Safari для защиты от наложения спектров через функцию "тень"

Следуя этой инструкции, вы освоите создание эффекта защиты вашего текста от наложения спектров с помощью CSS-инструмента "тень". Он действует только в браузерах, распознающих это свойство (то есть, не в IE), однако он видоизменяет текст поразительным образом. Отчётливость значительно возрастает, но перебарщивать, всё же, не стоит, иначе получите размытый текст.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Подгон CSS под браузер Safari для защиты от наложения спектров через функцию "тень" (дополнение)

Это дополненный вариант предыдущей инструкции, позволяющий немного модифицировать эффект защиты от наложения спектров, особенно актуальный для светлого шрифта на тёмном фоне. Суть приёма - в использовании сильно прозрачного чёрного фона, что вынуждает Safari отображать текст гораздо чётче.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Роскошные врезки для вашего блога

Если у вас есть блог или другой ресурс с весомым текстовым наполнением, использование врезок для выделения важных фрагментов может очень его украсить и, вместе с тем, облегчить его зрительное восприятие. Эта инструкция поможет вам отформатировать такие врезки средствами CSS. Вы научитесь создавать врезки с выравниванием как слева, так и справа, сохраняя при этом их привычную структуру в виде блоков.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Кодовое название "Радуга"

Этим приёмом задаётся двухцветность наклонного шрифта через сочетание джава-скрипта с CSS-кодами. Он также позволяет оттенять и выделять текст. Возможности его применения поистине безграничны. И, разумеется, это как раз тот случай, когда нужно семь раз отмерить (то есть, рассчитать угол наклона ваших заголовков, названий и остального выделенного текста, - чтобы сделать его более заметным на фоне основного шрифта).
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Улучшенные пакеты CSS-шрифтов

В этой статье вы найдёте отличное руководство по созданию улучшенных пакетов CSS-шрифтов. Она содержит сведения о наиболее распространённых сейчас пакетах шрифтов с последующим переходом к обзору "Tuck’s Definitive Font Stacks" ("Полное собрание шрифтов от Tuck") и "Ford’s Better Font Stacks" ("Дополненное собрание шрифтов от Ford"). Это пособие очень поможет вам грамотно подобрать шрифты для текстов на сайте, к тому же, данные в нём подаются в удобном для восприятия формате.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Настройка начертания шрифта через CSS3

Отличное руководство по созданию набора шрифтов посредством CSS3. Этот приём пока не получил широкого применения, однако он намного облегчает настройку особых шрифтов на сайте без использования изображений.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Эффект градиента текста от CSS

Этим нехитрым приёмом можно добавить градиент в текст, отформатировав его в PNG с углом наклона в 1 пиксель. Лёгкий и быстрый способ поместить текст с градиентом куда угодно на вашем сайте. С приспособлением для его адаптации к IE6 в придачу.
50 новых CSS-приёмов для вашего будущего Интернет-проекта


1. Безопасность и функциональность
2. Разметка страницы
3. Адаптация меню и системы навигации сайта к запросам клиента
4. Типографская разметка текста
5. Другие дельные советы, приёмы и подсказки

5. Другие дельные советы, приёмы и подсказки

Ниже дана подборка различных приёмов и подсказок, которые сделают вас действительно выдающимся CSS-верстальщиком.

- Сборка трёхмерного куба с помощью CSS

Это, наверное, одна из наиболее зрелищных CSS-функций. Здесь описано построение трёхмерного куба с текстом или другим содержимым на каждой из его сторон. Он создаётся исключительно средствами CSS, не прибегая к использованию рисунков, векторной графики, последовательности изображений или джава-скрипта. Прилагается даже инструкция по созданию на одной странице кубов сложной структуры с эффектом тени. Единственный серьёзный недостаток этой функции в том, что пока она поддерживается только двумя браузерами - Gecko и последним WebKit.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Сравнительный анализ лучших способов скрыть адрес электронной почты

Статья описывает два различных способа скрыть от посторонних адрес электронной почты с помощью CSS. Первый основан на отмене дисплейных атрибутов элементов изображения, а второй - на перенаправлении кода. Считается, что оба сводят объём получаемого спама к нулю.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Разметка анкет средствами CSS (дополнение)

Здесь дан CSS-шаблон для оформления анкеты. Модель разметки позаимствована в пособии Дерека Фэзэрстоуна "Общедоступные способы разметки анкет" ("Accessible Forms Markup", Derek Featherstone). Шаблон семантически верный, гибкий и доступный.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- iPhone CSS

Очень короткая и простая инструкция по изменению отображения некоторых CSS-элементов на вашем iPhone. Приём, удивительно лёгкий в использовании.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Модернизация вашего рабочего процесса за счёт ускоренной разработки интерфейсной части проекта

Хотя здесь речь идёт не только о CSS, вы можете почерпнуть и полезные советы по повышению эффективности вашей работы с этой технологией, главным образом, за счёт блочной вёрстки. Обычно к применению этого приёма переходят постепенно, по мере освоения такого способа программирования. Однако, сложности в этом нет, а ускорение работы дизайнера - существенное.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- CSS-стрелки для контекстных меню, созданные без помощи изображений - применение CSS-многоугольников?

Здесь разъясняется создание треугольников (служащих курсорами) средствами CSS, без использования изображений. Конечный результат - отличный, хотя и применим только к одноцветным объектам. CSS-коды, необходимые для этого, невероятно просты, но универсальны. Можно создать треугольник почти любого размера с помощью всего-навсего одного элемента "div".
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Применение переключателя на базе cookie

Хотя это не вполне CSS-приём, мы рассмотрим создание CSS-переключателя тем для WordPress на основе cookie. Он позволяет посетителям сайта переходить с темы на тему, просматривая блог, в то время как новичкам открывается хорошая, понятная, лёгкая для чтения тема, интересная, прежде всего, своим содержанием.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- CSS-эффект просмотра изображений наведением курсора

Этот замечательный приём состоит в замене одного изображения на другое при наведении на него курсора. Здесь описано его использование на примере сайта, содержащего портфолио, но возможности его применения безграничны. Он очень удобен и совместим с разными браузерами (хотя IE6, как всегда, требует адаптации).
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Штабельные диаграммы CSS

Инструкция по составлению средствами CSS штабельных диаграмм с применением изображений. Работа очень кропотливая, но результат даёт чудесный.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Просмотр HTML-изображений наведением курсора / CSS-уловка

Быстрый и лёгкий способ смены изображений наведением курсора с помощью CSS. Только CSS-коды, джава-скрипт не используется. Этот приём решает очень важную проблему: при распечатке страницы остаётся только начальное изображение.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- 10 свойств, неприменимых ранее к IE6

Подборка советов по использованию стилей, считавшихся неприменимыми к браузеру Internet Explorer 6. В том числе, по созданию эффекта непрозрачности, закреплению объектов и наложению тени под текст.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- 10 непростых, но шикарных CSS-приёмов

Иногда наилучший результат достигается приложением дополнительных усилий. Эта подборка инструкций описывает применение десяти различных CSS-приёмов, разобраться в которых не очень просто, но конечный результат того стоит. Например, создание механизма смены врезок, динамических переменных и оформления страницы в зависимости от времени суток или даже погоды, в числе прочих заманчивых вещей.
50 новых CSS-приёмов для вашего будущего Интернет-проекта


Автор статьи © Cameron Chapman
Русский перевод © CoolWebmasters.Com 2009
Вернуться назад