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

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

Кроме готовых CSS шаблонов и заготовок для дизайна, существует ряд он-лайн сервисов, которые генерируют CSS шаблоны.

Генераторы CSS шаблонов:
http://www.ibdjohn.com/csstemplate/
http://csscreator.com/?q=tools/layout
http://www.maketemplate.com/
http://www.positioniseverything.net/

Читать дальше »

Автор: Nick La Перевод: Глобатор

Хотите узнать, как делать красивый текст с эффектом градиента без применения Photoshop? Этот простой способ с использованием CSS позволяет создавать текст с эффектом градиента. Используется картинка в формате PNG (чистый CSS, никаких Javascript или Flash). Все, что нужно - это пустой тег <span> и фоновая картинка с CSS параметром position:absolute. Этот способ работает со следующими браузерами: Firefox, Safari, Opera и Internet Explorer 6.

Пример градиентного эффекта текста с помощью CSS:

Читать дальше »

Автор: Vandelay Design Перевод: Глобатор

Приведенные в этой статье бесплатные сервисы помогут вам эффективно работать с CSS (Каскадными Таблицами Стилей) вашего сайта. Это валидаторы, оптимайзеры, компрессоры и другие полезные сервисы. Попробуйте их и вы убедитесь, что они удобны и эффективны.

CSS TIDY

CSS Tidy - это CSS парсер и оптимайзер с открытым кодом от компании SourceForge. Представлен как в десктопном варианте, так и как онлайн-сервис. CSS Tidy может сжать размер CSS файла на 30% и более. Кроме этого, CSS Tidy позволяет форматировать CSS код для лучшей кроссбраузерной совместимости.

Читать дальше »

Вам не раз приходилось видеть сайты, где блоки меню имеют округлые углы. Это смотрится намного привлекательнее надоевших прямых углов. Применение округлых элементов в дизайне сайтов становится все более модным приемом. Недавно Гугл даже ввел новые варианты оформления своих рекламных блоков- с округлыми углами.

В этой статье я приведу несколько полезных ресурсов, на которых вы сможете найти готовые красивые блоки с круглыми углами, с готовыми кодами HTML и CSS. Останется только скопировать, вставить на свой сайт и заполнить свои пункты меню.

Начнем мы с сайта spiffycorners.com, на котором можно самим сгенерировать блок с круглыми краями любого цвета.

Другой он-лайн генератор круглых углов- roundedcornr.com:

Читать дальше »