Если по той или иной причине нет возможности работать с сервисом через сайт или требуется очень часто и много проверять страниц,  то  к примеру можно установить сервис “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:

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

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

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

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

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

• Mercurial W3C repositories list
• Mercurial W3C markup-validator

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

Список популярных 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 Блог веб-разработчика.

Остается только дописать backend и получается отличный инструмент.

Последняя версия плагина imgAreaSelect v0.8 совместима с jQuery 1.3.x.

Ссылки:
• Все примеры использования плагина imgAreaSelect
• imgAreaSelect on jQuery Plugins
• ImageCrop с помощью jQuery, плагина imgAreaSelect и PHP GD
• Создание превьюшек: PHP и плагин imgAreaSelect для jQuery
• Другой плагин: JCROP IMAGE CROPPING PLUGIN

The post imgAreaSelect — jQuery-плагин для выделения области изображения first appeared on Блог веб-разработчика.

Вот эти советы кратким списком:

1. Не использовать страницу с ошибкой 404, которая установлена по-умолчанию
2. Оформить страницу в стиле вашего сайта
3. Сделать её максимально простой
4. Разместить на странице ссылки на основные разделы вашего ресурса
5. Подходите к ее проектированию творчески, но не переусердствуйте

Оригинал статьи:
5 Tips to Make Your 404 Page More Usable

Что ещё можно почитать:
• Smashing Magazine: 404 Error Pages: Reloaded
• Smashing Magazine: 404 Error Pages, One More Time
• Creative 404 Error Pages Around for Inspiration
• 101 PURELY AWESOME 404 ERROR PAGES
• 25 Custom 404 Error Page Creative Design Concepts
• Google: Make your 404 pages more useful

Источник:
http://fresh.gui.ru/2009/03/24/5_tips-_make_your_40/

The post 5 советов по совершенствованию страницы 404 first appeared on Блог веб-разработчика.

1. Patterix. Коллекция удачных интернет решений
2. Elements of Design: A Web Design Showcase
3. UI patterns
4. Patterns for Effective Interaction Design (паттерны из книги Дженифер Тидвелл “Разработка пользовательских интерфейсов”)
5. Interaction Design pattern library (коллекция паттернов собранная Martijn van Welie)
6. Yahoo! Design Pattern Library
7. Mobile UI design pattern
8. Design Patterns (Flickr)
9. Blink design library
10. Information Design Patterns
11. UI Pattern Factory
12. Pattern Tap
13. Design Patterns for Data Graphics
14. A collection of e-commerce interface and design elements
15. Design Patterns and Interfaces by Brian Christiansen
16. Книга “The Design of Sites” (Douglas K. Van Duyne, James A. Landay, Jason I. Hong)
17. Designing Social Interfaces patterns
18. namics UI Pattern Library
19. DrupalDance. Галерея элементов интерфейса
20. Шаблонные решения для web-сайтов (Webmascon)
21. factoryjoe’s photostream
22. SMASHING MAGAZINE RESEARCH SIGN-UP FORMS

 
Другие сcылки:
• Паттерны дизайна: Обязательные поля форм
• UI Patterns

The post Подборка материалов по UI паттернам first appeared on Блог веб-разработчика.

• Favicon Generator
• Favicon.cc 
• Favicon.com.mx
• 20 лучших генероторов иконок
• http://www.genfavicon.com/
• http://favicon.image-generator.net/
• http://www.animatedfavicon.com/
• http://www.degraeve.com/favicon/

Почитать дополнительно:

• Favicon и заголовок окна 

The post Онлайн генераторы favicon для сайтов first appeared on Блог веб-разработчика.

Русскоязычные сайты:
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 Блог веб-разработчика.

дальше…

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

img {
  vertical-align: top;
}

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

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

http://habrahabr.ru/blog/web_design/32264.html
http://www.htmlbook.ru/content/?id=79
http://www.artevolve.ru/articles_03.htm

Ссылки на ресурсы по юзабилити

Книги по дизайну:

• Дизайн для НЕдизайнеров 2-е издание,      рецензия на книгу. Новое издание имеет код: ISBN 5-93286-116-9
• http://valera.ws/2007.11.05~web-designusabality/

Блоги:
http://www.birzool.com/

Программа для создание прототипов Axure PR:
http://guicci.ru/2006/12/08/axure-rp-pro-sredstvo-dlya-prototipirovaniya/
http://guicci.ru/2008/04/01/axure-the-best-for-sure-with-denwer/
http://guicci.ru/2008/04/06/axure-urok-1-sozdaem-globalnoe-menyu-sayta-na-zakladkah/

The post Материалы по Юзабилити first appeared on Блог веб-разработчика.