Полезные ссылки для вэб-мастера

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

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

Проверка на валидность (валидаторы)

W3 html/xhtml page validator

Section 508 compliance check

(позволяет эмулировать различные браузеры)

CSS validator

Валидация ошибки подсвечиваются на макете вашего сайта.

TAW

WAVE 3.5

CSS

CSS CheetSheet for rules

Таблица работоспособности различных приемов и тэгов на различных платформах в различных браузерах.

CSSVista

одновременный просмотр в двух различных браузерах(IE и Firefox) и правка кода, наглядно картинкой:

Цвета

ColorBlender

Бесплатный онлайн-инструмент для создания палитр. Действительно просто и красиво.

Pixie

Треккер - указываете мышкой на картинке и узнаете шестнадцатиричное, RGB, HTML, CMYK и HSV значения этого цвета. Также показывает текущию позицию(х,y) указателя мыши. Что примечательно, - 62Kb - открытой код.

Редакторы

PSPad

Бесплатный текстовый редактор для программистов, подсвечивает код, работает с разными языками и т.п. Картинка:

еще картинки...

Notepad++

Бесплатный редактор, поддерживает несколько языков, работает под MS Windows.

Сравнение файлов

WinMerge

Просмотр изменений в версиях файлов, наглядно картинкой:

KDiff3

Аналогичные Winmerge функции, поддерживает Linux и OSX.

CSDiff

Третья программа из этой серии, работает под MS Windows.

Скриншот:

Готовые сборки сервера

WAMP (Windows, Apache, MySQL и PHP)

Cерверная среда, не включает почтовый сервер, запускается под MS Windows. Распространяется бесплатно.

theMAMP (Macintosh, Apache, MySQL и PHP)

Cерверная среда, не включает почтовый сервер, запускается под OSX. Распространяется бесплатно.

Расширения Firefox для веб-мастеров

Aardvark

Показывает исходный код одного или нескольких элементов на странице. "Run the demo" на сайте разработчика - http://karmatics.com/aardvark/, демо работает без скачивания.

MeasureIt

Проверка ширины, высоты или выравнивания элементов страницы в пикселях. Своеобразная линейка с расширенными возможностями. Картинка:

Screen Calipers

Интересный измеритель расстояний для Windows и Mac. По ссылке можно скачать триал.

Скриншот:

IE Tab

Плагин позволяет посмотреть, как веб-страницы отображаются в IE, нажатием одной кнопки. IE Tab использует движок IE для открытия страниц во вкладках Firefox.

IE View

Плагин позволяет посмотреть, как веб-страницы отображаются в IE, нажатием одной кнопки. Расширение IE View всегда вызывает IE.

Opera View

Добавляет пункт в контекстное меню для открытия ссылки или страницы в Opera для браузера Firefox.

Firebug

Firebug - российский сайт

Вы сможете редактировать, отлаживать и исследовать CSS, HTML и Javascript вживую, на любой веб-странице.

Для Оперы

Web dev Toolbar for Opera

В панели инструментов появляется меню, которое объединяет функции, связанные с веб-разработкой.

Разное, но не менее полезное

Lorem Ipsum dummy text

Расширенный генератор белиберды вида - "Lorem Ipsum..."

coolest german Lorem Ipsum site

Аналогичный генератор

Browsershots

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