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

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


Snipplr — хранилище кода

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


Typetester — подбираем шрифт

Typetester — бесплатный сервис для сравнения отображения различных шрифтов на экране монитора. Этот сервис поможет веб-разработчикам, в частности веб-дизайнерам, с легкостью подбирать шрифты и значительно упростит вашу работу. С появлением новых шрифтов, список шрифтов используемых на сервисе будет обновляться.
Для работы Typetester у вас должен быть включен jаvascript.

Font Tester

Еще один подобный бесплатный сервис — Font Tester. Font Tester позволяет легко подобрать и сравнить различные шрифты, попутно применяя к ним различные CSS стили.
Помимо различных свойств для форматирования текста, Font Tester имеет встроенную таблицу символов, которые вы можете использовать в тексте. Сервисы подобные Font Tester действительно могут оказаться очень полезными и сэкономить ваше время.


RoundedCornr — бесплатный сервис создания элементов с закругленными уголками

RoundedCornr — сервис создания элементов с закругленными уголками, что очень популярно в наше время, т.к. является визуальной составляющей web 2.0. Сервис позволяет настраивать различные параметры, такие как: фон элемента, радиус уголков, градиент, высота и угол градиента, цвет и ширина рамки и многие другие.


Kotatsu — генератор таблиц

Kotatsu — простой и удобный генератор таблиц. Функционал очень прост. Добавляете нужное количество строк и столбцов, а сервис сгенерирует HTML код. Можно также указать классы для строк и колонок.


Code Beautifier — CSS оптимизатор

Code Beautifier — это оптимизатор кода основанный на csstidy 1.3. Code Beautifierr поможет вам сделать загрузку ваших страниц более быстрой, что несомненно станет преимуществом для вас и для посетителей вашего ресурса.
Сервис имеет 4 автоматических режима и пользовательский режим, при котором вы сами можете настроить параметры оптимизации. И надо сказать, там есть что настроить.


CSS Creator — сервис создания шаблона страницы

Если у вас под рукой нет редактора кода или вы просто не хотите в очередной раз тратить время на создание шаблона для очередного сайта, вам на помощь приходят различные бесплатные сервисы, которые с легкостью сделают это за вас. Одним из таких является CSS Creator.
Вы можете отметить какие именно ключевые блоки включить в структуру, например «шапку» сайта или «подвал». Есть возможность указать ширину сайта и отдельных блоков в различных единицах измерения (px, em, %). Также можно задать цвет фона для каждого блока. Все изменения сразу отображаются в блоке предварительного просмотра.


Insta-Select — генератор элементов select

Предлагаем вашему внимаю еще один сервис, который позволит сэкономить ещё немного времени — Insta-Select. Данный сервис позволяет вставить список слов или фраз и преобразовать их в элемент Фотошоп


JotForm — редактор форм

JotForm — это бесплатный WYSIWYG редактор HTML форм. Интуитивный drag&drop интерфейс делает создание формы увлекательным занятием. Используя JotForm, вы сможете создавать формы и спокойно интегрировать их в свой сайт.

Cервисы CSS оптимизации
Clean CSS
CSS Cascading Style Sheet Optimiser
CSS Formatter and Optimiser
CSS Compressor

Accessibility color wheel — доступные цвета
Accessibility color wheel — сервис подбора цветов для фона и текста.
Ни для кого не секрет что цвета фона и текста должны быть такими, чтобы текст был удобочитаем, а также не вызывал затруднений у пользователей с ограниченными способностями.
Accessibility color wheel поможет выбрать оптимальную пару цветов. В интерфейсе присутствует панель, имитирующая 3 вида цветовой слепоты.

Screen Size Tester: тестируем сайт при различных разрешениях

онлайн сервис — Screen Size Tester. Сервис позволяет протестировать сайт без установки дополнительных программ. Единственным минусом может стать небольшой перечень допустимых разрешений.

HTML-Ipsum: текстовые заготовки для макетов страниц.

Сервис HTML-Ipsum выполняет одну простую задачу. На одной странице ресурса содержатся различные HTML элементы с текстом, готовые к использованию в шаблонах и макетах страниц.
Также на сайте есть ссылки на различные десктопные утилиты, выполняющие ту же задачу.

ColoRotate: управляй цветом в 3D
ColoRotate — бесплатный онлайн сервис для работы с цветом в 3D. Вы можете просматривать палитры цветов, создавать свои и делиться ими с другими пользователями.
Используя ColoRotate, вы можете быстро увидеть многогранную природу выбранных цветов, понять взаимосвязь цветов относительно того, как глаза и мозг воспринимают их, быстро изменить нужный цвет, сочетать два цвета вместе, изменить всю палитру, используя различные параметры.
ColoRotate имеет интуитивно понятный интерфейс, что устраняет необходимость запоминания или записывания цветов. Более того, вы можете использовать трехмерное цветовое пространство и выбрать цветовую палитру, которая соответствует вашим потребностям. В процессе выбора, можно выявить цветовые взаимосвязи, которые привнесут в дизайн эстетический баланс.

Pictaculous: создание цветовых палитр

Pictaculous позволяет создавать цветовые палитры из исходного изображения. Поддерживаются изображения в формате PNG, GIF, JPG. Размер не должен превышать 500Kb.
После анализа сервис предлагает палитру с преоблажающими на изображении цветами, а также аналогичные палитры от Kuler и COLOURlovers. Результат можно сохранить в формате aco для использования в Photoshop.