Список общедоступных справочников и инструментов для начинающего сайтодела. Никакого программирования, только оформление: верстка и сопутствующая возня — для многих любительских страничек этого достаточно.
Browsera.com. С его помощью проверяют правильность верстки сайта и ее кроссбраузерность, то есть совместимость с разными браузерами. Если сервис обнаружит, что ваш сайт показывается в разных браузерах неодинаково, проблемные места будут выделены цветом.
htmlbook.ru/ HTML и CSS — это не языки программирования, это средства для оформления веб-страниц. Зная, как они работают, можно начинать делать элементарные сайты. Htmlbook.ru — один из самых полных и удобных справочников на тему.
Помимо списков HTML-тегов и стилевых свойств, к которым не стыдно обращаться и профессиональным верстальщикам, сайт содержит пошаговые уроки и оформительские рецепты для начинающих.
codex.wordpress.org «Вордпресс» — самая популярная в мире платформа для автономных блогов. А в сущности — средство и строительный материал для создания практически любого сайта: онлайн-журнала, промостраницы, даже социальной сети (версия WordPress MU) — ну только что не интернет-магазина.
Пособием в работе служит вордпрессовский «Кодекс» — описание, как работать с платформой. Ценность его в том, что он знакомит с началами элементарного программирования и верстки, учит отличать исполняемый, программный код от оформления, HTML-кода и стилей. То есть даже если свой первый сайт вы не планируете делать на «Вордпрессе», его можно использовать как испытательный полигон.
Firebug и Web Developer -Инспекторы. Для проверки верстки, ошибок в коде и внесения правок в него на лету. Они устанавливаются как плагины к «Файерфоксу» (использование последнего поэтому обязательно). Инспекторы дают возможность выборочно отключать и включать cookies, программные скрипты, картинки, искать ошибки в коде, оценивать «вес» страницы для оптимизации скорости ее загрузки и так далее и тому подобное.
browsershots.org Тестирует верстку сайта на всех браузерах. Если дать ему ссылку на сайт, он поставит его в очередь — ждать, бывает, приходится около часа. Затем виртуальная машина где-то там открывает вашу страницу во всех указанных браузерах и присылает скриншоты. Немножко примитивная, но верная проверка верстки.
Еще есть замечательный сервис для тестирования сайтов, который находится по адресу http://testsistema.ru -система ручного, комплексного тестирования сайтов более чем по 250 параметрам. А если вы считаете, что достигли уровня выше чем “сайтодел-любитель” и “веб-стандарты” вас уже не пугают, тогда отправьте свое творение на суд профессионального жюри, подайте заявку на участие в технологическом конкурсе http://webhitech.ru который проводится ежегодно.
liveinternet.ru/stat/ru/searches.html При проектировании сайта надо учитывать некоторые привычки пользователей. Какая у них операционная система, браузеры, разрешение экрана. Узнать это можно в разделе «Статистика по переходам с поисковых систем».
В нем учитывается большая часть поискового трафика рунета — вполне объективная выборка для планирования. Оказывается, например, что почти у 30% пользователей ширина экрана 1024 пикселя, и это придется учесть, когда будете рисовать дизайн.
degraeve.com/color-palette и colorhunter.com - Генераторы палитры пригодятся, если нравятся какие-то цвета, хочется использовать их на сайте, но вы не знаете их специальных названий. Скармливаете сайту ссылку на картинку с этими цветами — он дает их ближайшие аналоги для использования на сайте. Если нужно, установите в «Файерфоксе» плагин ColorZilla — в браузере появится пипетка, которой идентифицируется любой оттенок на странице.
Сторонняя оценка.
Наконец интерфейс и оформление сайта можно отдать на тестирование незаинтересованным и более-менее разбирающимся людям. DeFile, сдержанный в оценках клон «Бизнес-линча». И вот появился клон-2 — «Линчелка»: все то же самое, только оценивают сайты и картинки там коллективно, одновременно несколько желающих, а оценщики-тролли отсеиваются фильтром голосования. Когда ваши достижения в сайтостроительстве перестанут ограничиваться оформлением, а начнут включать в себя программные решения, попробуйте провериться на «Хабре» в коллективном блоге «Тест-драйв».
А чем пользуетесь вы, когда тестируете/доводите до ума оформление своих сайтов? Оставляйте ссылки на такие полезные справочники и сервисы в комментариях.
(Жалобы из серии «Я ничего не умею» не приветствуются. Посмотрите на Netnewsdaily.com — его сделали два 13-летних школьника, которых по определению не назовешь матерыми разработчиками. Сделали они его на «Вордпрессе».)