Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Расширение ваших знаний о css

.

Сейчас, я думаю, мне нужно первым делом упомянуть адрес сайта CSS Zen Garden. Этот сайт лучше всех остальных демонстрирует, на что способны таблицы стилей в умелых руках разработчика.

Я собирался писать этот раздел традиционно, начиная с перечисления официальной документации и заканчивая различными примерами. Но все же на этот сайт указываю в первую очередь.

Канадский веб-дизайнер Дейв Ши (Dave Shea) создал CSS Zen Garden в 2003 году. Он решил, что существовавшие в то время примеры дизайнов, основанных на CSS, мягко говоря, непривлекательны и неинтересны. Люди, которые понимали и использовали CSS, были скорее инженерами, а не дизайнерами. Дейв посмотрел на CSS в первую очередь как дизайнер и только потом как программист. Он запустил CSS Zen Garden с набором всевозможных дизайнерских проектов, которые разработал сам. Они были куда привлекательнее, чем их современники. После этого Дейв привлек других дизайнеров для разработки стилей для одного и того же документа. Несколько лет спустя архив сайта уже содержал сотни примеров дизайна, доказывающих, что отделение структуры и стиля документа от самого документа предоставляют широкие творческие возможности.

На рис. 13.2 показано несколько примеров дизайна из CSS Zen Garden. Первая версия Дейва Шина мой взгляд, затмевающая все остальные — показана в верхнем левом углу.

Рис. 13.2. Набор стилей из CSS Zen Garden

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

CSS Zen Garden предназначен для того, чтобы вдохновлять, и он хорошо делает свою работу! Несмотря на то что ему уже около девяти лет — и, конечно, там не используются элементы HTML5, — это один из лучших сайтов для знакомства с CSS. Если вы найдете на этом сайте дизайн, который вам понравится, и захотите его изучить, просто щелкните на ссылке View This Design’s CSS (Просмотреть CSS этого дизайна).

Официальная документация

Вернемся к официальной документации. Если вы уже просмотрели работы на сайте CSS Zen Garden, то, наверное, видели несколько впечатляющих стилей и очень хотите в них разобраться. Как и в случае с HTML.

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

.

Читайте так же:
Not found