10 лучших ресурсов по CSS

комментарии (6)
версия для печати

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

Технология CSS (Cascading Style Sheets) позволяет контролировать практически любые элементы дизайна — от размера шрифтов до цветовой гаммы отдельных блоков. Таким образом, можно буквально в пару секунд изменить оформление целого сайта, без необходимости редактировать HTML-страницы. Для больших контент-ресурсов это огромное преимущество.

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

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

CSS Zen Garden

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

Web Developer’s Network

Все сайты. которые перечислены в этом тексте, без всякого сомнения, упомянуты в глобальном справочнике ресурсов для веб-разработчика Web Developer’s Network. Будьте осторожны: здесь так много ресурсов, что вы можете совершенно незаметно потратить несколько часов, изучая их. В каталоге перечислены не только сайты по CSS, но и ресурсы, посвященные другим темам.

Официальные спецификации CSS Level 2 

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

CSS from the Ground Up

Ладно, вы честно попытались изучить официальную документацию, но у вас ничего не получилось. Это бывает. Авторы официальных руководств совершенно не думали о том, чтобы вам было приятно читать их тексты. Так что если вы хотите изучить CSS и получить при этом удовольствие — добро пожаловать на сайт CSS from the Ground Up.

Listamatic

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

CSSVault

На этом сайте всего понемножку. Отличная галерея с примерами разных CSS-стилей, а также набор справочных материалов на все темы: от списков до форматирования без таблиц. Один из лучших ресурсов «общего профиля» по CSS.

Техники форматирования с помощью CSS

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

Ruthsarian Layouts

Еще один сайт, посвященный форматированию страниц с помощью CSS. Несколько очень хороших примеров популярных видов форматировния.

Position Is Everything

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

StyleGala

Этот сайт не только рассказывает о CSS, но и углубляется в другие аспекты дизайнерского искусства. Тем не менее, он действительно стоит того, чтобы его посетить. Здесь вы найдете впечатляющую галерею, информативные форумы, коллекцию «пулек» для своего сайта, а также отличную подборку ссылок на другие ресурсы.

Изучая вышеупомянутые сайты, помните, что лучший способ освоить технологию CSS — это начать ее использовать. Если вы никогда не создали ни одной страницы без таблицы, то попробуйте сделать это сегодня. Если вы никогда не применяли оригинальное форматирование списка — экспериментируйте. Просмотр красивых галерей на разных сайтах очень вдохновляет на эксперименты.

Другие