CSS | Блог веб-разработчика

Локальный W3C XHTML валидатор для Mac OS X

ingvar — Tue, 26 Apr 2011 08:37:28 +0000

W3C Markup Validation Service – прекрасный сервис для валидации HTML / xHTML страниц. Работать с сервисом можно как через официальный сайт, так и через специальные плагины для Firefox или Chrome.

Если по той или иной причине нет возможности работать с сервисом через сайт или требуется очень часто и много проверять страниц, то к примеру можно установить сервис “W3C Markup Validation Service” у себя локально или на своем сервере. Валидатор написан на Perl. Процесс установки, список требуемых модулей и подробные инструкции доступны на официальном сайте:
http://validator.w3.org/source/
http://validator.w3.org/docs/install.html

Если же рассматривать процесс установки сервиса валидации для Mac, то все намного проще – нужно скачать и установить отдельное приложение Validator S.A.C.

Процесс установки сервиса “W3C Markup Validation Service” на Mac OS X:

Качаем последнюю версию приложения Validator-SAC_0.6.4.dmg – в пакете находится версия валидатора 0.8.3, не самая последняя, т.к. уже доступна версия 1.2.
Устанавливаем. После установки сервис размещается по адресу “/Applications/Validator-SAC.app/Contents/Resources”

Копируем файл конфигурации для Apache, и перезапускаем его, например:

% cd /Applications/Validator-SAC.app/Contents/Resources
% sudo cp validator/httpd/conf/validator-SAC-10.5.conf /etc/apache2/other
% sudo apachectl graceful

По адресу http://localhost/w3c-validator/ должен запуститься наш локальный валидатор. Для проверки валидатора вбиваем адрес страницы, которую хотим проверить и если все в порядке, то получим результат валидации. Или выведутся сообщения, что нужно установить какие-то модули Perl.

Было желание обновить сервис w3c с версии 0.8.3 до 1.2. Но к сожалению ничего не получилось – сервис не запустился, т.к. в новой версии используются дополнительные модули Perl.

Дополнительная информация:

The post Локальный W3C XHTML валидатор для Mac OS X first appeared on Блог веб-разработчика.

CSS фрэймворки

ingvar — Sat, 13 Mar 2010 23:21:04 +0000

CSS фрэймворки удобно использовать на этапах прототипирования, или при разработке фронтэнда, в то время пока верстка полностью не реализована.

Список популярных CSS фрэймворков

• YAML

Возможно использование YAML Builder для визуальной разработки структуры страниц

• Blueprint

– Blueprint Grid CSS Generator
– The Blueprint CSS Framework – Tutorials, How-to Guides and Tools
– The Blueprint Tools and Resources
– Boks – A Visual Grid Editor an Air application based on Blueprint CSS
– http://instantblueprint.com/

• Yahoo! UI Library CSS

– YUI CSS Grid Builder

• 960 Grid System

– онлайн генератор для 960gs Variable Grid System

• CleverCSS

• Tripoli

• LESS CSS Framework

• EZ-CSS

– как утверждают разработчики: “It is light (1kb), flexible, browser-friendly and easy to use!” 🙂

• BlueTrip CSS Framework

• Markercss

• Compass CSS Framework

– http://wiki.github.com/chriseppstein/compass/
– http://www.slideshare.net/superdeluxesam/about-compass

• Grid Designer

• Grid System Generator

– интересная система – позволяет создавать шаблоны с фиксированной разметкой на основе одного из четырех CSS фреймворков: 960 Grid System, Golden grid, 1kb grid, Simple grid system

Что интересного почитать:

• Список полезных инструментов для CSS разработчика
• CSS фрэймворки
• 60 Tools To Optimize Your CSS
• Прототипы с Grid 960 CSS Framework.

The post CSS фрэймворки first appeared on Блог веб-разработчика.

CSS: создание закругленных углов на сайтах

Igor — Thu, 24 Jul 2008 23:22:13 +0000

Набор статей о том, как сделать закругленые углы для сайтов. Среди примеров можно найти решения, как сделать закругленные углы с использованием изображений так и без них.

Русскоязычные сайты:
http://cssing.org.ua/2008/06/23/rounded-corners-unusual-approach/
http://cssmake.ru/component/content/article/5–boxes/79-gradientcorners.html
http://habrahabr.ru/blog/webdev/47616.html
38 статей о создании закругленных углов на сайтах

Англоязычные:
http://blog.josh420.com/archives/2007/11/how-to-create-fluid-width-div-layers-with-rounded-corners.aspx
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/
http://www.smileycat.com/miaow/archives/000044.php
http://www.schillmania.com/projects/dialog2/

The post CSS: создание закругленных углов на сайтах first appeared on Блог веб-разработчика.

20+ ресурсов с готовыми CSS шаблонами

Igor — Wed, 23 Jul 2008 18:45:25 +0000

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

дальше…

The post 20+ ресурсов с готовыми CSS шаблонами first appeared on Блог веб-разработчика.

CSS: Лишние отступы под изображениями

Igor — Sat, 19 Jul 2008 16:39:26 +0000

Решаем проблему с отступами под изображениями.

img {
  vertical-align: top;
}

Источник:
• Лишние отступы под изображениями в IE6,7
• Habrahabr: Убираем лишний отступ внизу изображения

The post CSS: Лишние отступы под изображениями first appeared on Блог веб-разработчика.

IE png fix

Igor — Sat, 19 Jul 2008 15:42:25 +0000

Очень хорошее решение, недавно обновилось, обещают поддержку background-position и background-repeat.

IEPNGFix v2.0 Alpha

The post IE png fix first appeared on Блог веб-разработчика.