Веб-разработка

индекс
237,17

Несколько полезных сервисов

Хочу поделиться ссылками на несколько полезных сервисов. Некоторые из них помогут сэкономить время, другие — сделают за Вас незнакомую/нелюбимую работу. Список разбит по категориям, чтобы было легче ориентироваться. Другие сервисы приведены в посте Упрощение жизни разработчика с помощью сторонних сервисов.

Сервисы опросов
simpoll.ru
anketer.ru
userreport.com (добавил Romanych)
webanketa.com (добавил mihass)
Конечно, у большинства CMS есть плагины для реализации опросов, но можно воспользоваться и сторонними сервисами с удобной админкой, наличием большого количества настроек и удобным выводом результатов.

Кнопки постинга в социальные сети
Кнопка от Яндекса
addthis.com (добавил UksusoFF)
share42.com
Блок «Поделиться» от Яндекса сейчас становится всё популярнее. Кнопка очень удобная, ничего лишнего. То же самое можно сказать и об addthis. Если же хочется чего-то другого, то можно воспользоваться третьим сервисом.

Онлайн-общение с посетителями
cloudim.ru (добавил AlexoLive)
consultsystems.ru (добавил serzhb)
krible.ru
zopim.com
olark.com
liveperson.com (добавил a1exis)
siteheart.com (добавил Alex_EXEcuter)
onicon.ru (добавил Aco)
p3chat.com (добавил risotto)
webim.ru (добавил shimapa23)
jivosite.ru (добавил access)
mibew.org (добавил Romanych)
livezilla.net (добавил xaker1)
sitehelp.inkiev.net (добавил ilesik)
marva.ru (добавил Idiff)
gotalk.ru (добавил shandor)
netroxsc.ru (добавил Manimal)
zingaya.com (добавил psserg) — позволяет звонить прямо с сайта
Если вдруг появилась необходимость, чтобы посетители могли связаться с Вами в on-line режиме, можно не строить собственное решение, а воспользоваться готовым.

Генераторы прелоадеров
preloaders.net
ajaxload.info
loadinfo.net
webscriptlab.com
Нашёл 4 хороших сервиса для генерации прелоадеров (индикаторов загрузки). Первые два, по-моему, наиболее удобны.

Генераторы надписей
cooltext.com
web2.0stylr.com
creatr.cc
simwebsol.com
Если Вы не особо дружите с графическими редакторами или хотите сэкономить время, то эти сервисы для Вас.

Генераторы кнопок
cssbuttongenerator.com
css3buttongenerator.com
css-tricks.com/examples/ButtonMaker
cssbutton.me (добавил Defite)
super.hubspot.com/buttons
Первые 4 сервиса создают кнопки при помощи CSS. Пятый генерирует JavaScript-код, что, возможно, подходит не всегда, но зато этот подход экономит время.

Генераторы фонов
patternizer.com/vh4 (добавил Londeren)
display-inline.fr (добавил Londeren)
creatr.cc/backgrounds
bgpatterns.com
Опять для тех же, кто не является дизайнером, но хочет себе хороший фон.

Генераторы иконок
iconizer.net
findicons.com (добавил Paskal)
iconfinder.com (добавил hormold)
iconza.ru (добавил greyhard)
faviconist.com (добавил DreamWalker)
генератор и архив фавиконок (добавил Grifon)
Шесть полезных сервисов. Необязательно хранить у себя на компьютере множество иконок, достаточно лишь зайти на эти сайты и подобрать нужные иконки с требуемыми характеристиками.

Оптимизация изображений
smushit.com/ysmush.it
punypng.com
kraken.io
За все три сервиса спасибо Lorents.

Тестирование сайта
просмотр ответа и заголовков HTTP-запроса (добавил msfs11)
JSON Formatter & Validator (добавил msfs11)
The JSON Validator (добавил Grifon)
browsershots.org, multibrowserviewer.com (добавил BugZ) и browserlab.adobe.com (добавил betaboy) — для просмотра сайта в различных браузерах.
создание скриншотов (добавил Begetan)
просмотр сайта в разных разрешениях (добавил BugZ)
тестирование .htaccess (добавил student_ivan)
проверка скорости загрузки сайта (добавил Albertum)
нагрузочное тестирование сайта (добавил Albertum)
мониторинг состояния приложений (добавил Kane)
тесты для сайта и сервера (добавил websitepulse)
проверка сервера на доступность из разных точек мира (Ping, DNS, HTTP, TCP порт) (добавил withlove)
проверка скорости загрузки сайта в реальных браузерах (из разных точек мира) (добавил withlove)

Тестирование регулярных выражений
gskinner.com/RegExr (добавил student_ivan)
rubular.com (добавил aratak)
regexpr.ru (добавил grimich)
myregexp.com (добавил msfs11)
txt2re.com (добавил shifty)
Полезные сервисы, которые пригодятся не только веб-программистам.

Определение мобильности браузера
Яндекс.Детектор
detectmobilebrowsers.com (добавил student_ivan)

Песочница для HTML/CSS/JS
cssdesk.com (HTML+CSS)
jsfiddle.net (HTML+CSS+JS+фреймворки)
За оба сервиса благодарить Desiderata.

Другое
wysiwyg-построитель форм
подбор гармонирующих цветов (добавил hashspark)
работа с цветом (добавил Kane)
кросс-браузерный CSS3-градиент (добавил DimICE)
Ultimate CSS Gradient Generator (добавил shifty)
подбор цветовых схем (добавил kvasko_linuxoid)
CSS3 tools (добавил Kane)
генератор кросс-браузерных правил CSS3 (добавил nikolaykhl)
поддержка стандратов браузерами (добавил Kane)
конвертер в Data URI (добавил Kane)
online JavaScript beautifier (добавил mrShadow)
сжатие XML (удаление пробелов, комментариев) (добавил mrShadow)
html5 для IE (добавил DimICE)
генератор base64 изображений (добавил Punk_UnDeaD)
генератор бейджиков
генератор табов
генератор шаблонов страниц
простой генератор баннеров (добавил Finar)
заглушки для баннеров (добавил skipfish)
конструктор веб-форм и баз данных (добавил MyTaskHelper)
сбор и управление идеями (добавил SSM)
проверка django-проектов на GitHub (добавил hellhorse)
решение Google для загрузки шрифтов (добавил hellhorse)
html5 для IE (добавил DimICE)
качественный пагинатор (добавил hellhorse)
generate Facebook likes using QR codes (добавил hellhorse)
плеер для сайта (добавил hellhorse)
построитель графиков (добавил BorodinKO)

Вот и всё. Думаю, эти сервисы будут полезны тем, кто о них ещё не знал.
В комментариях привели ссылки на другие сборки полезных сервисов. Если чего-то здесь не нашли, можете поискать на следующих страницах: раз, два, три, четыре, пять, шесть. Добавили: BugZ, Santacruz, Webtun, hellhorse.

UPD: Спасибо всем, кто дополнял список.
+329
12 ноября 2011, 20:18
2227

комментарии (93)

+6
LbICbIY #
Почему-то нельзя подписаться на комментарии, пока ни одного нет. Этот для подписи.

PS Спасибо за подборку.
+1
betaboy #
Тест в браузерах — browserlab.adobe.com/
+3
a1exis #
Для общения с клиентами очень неплох LivePerson
0
an2kor #
Ok, добавлю в пост =]
0
SSM #
Сбор и управление идеями пользователей по развитию проекта/сайта
UserEcho
0
ilesik #
Еще sitehelp.im (ENG) и sitehelp.inkiev.net (RUS) добавьте пожалуйста.
+2
Alex_EXEcuter #
и siteheart.com
0
an2kor #
Добавил.
+1
Aco #
так же onicon.ru/
+1
AlexoLive #
На хабре проскакивал так же cloudim.ru
0
Arsenichev #
Спасибо, что упомянули ;)
+1
serzhb #
и тогда уж из новых consultsystems.ru
+1
Defite #
Генератор кнопок на CSS3 — http://www.cssbutton.me/
0
mihass #
В сервисы опросов на первое место — webanketa.com/
+1
Injected #
а как же polldaddy.com
+1
BugZ #
Вот тут подборки уже есть, да и по интернету их полно:
10 он-лайн генераторов, необходимых дизайнерам
0
UksusoFF #
www.addthis.com еще, тоже ничего
+2
Londeren #
patternizer.com/vh4 генератор бэкграундов «в клеточку»
http://www.display-inline.fr/projects/css-gradient/ генератор градиента. css3 + поддержка совместимости (png, svg)
+2
arsebandit #
www.google.com/talk/service/badge/New# — он-лайн общение через google talk
+1
risotto #
p3chat.com
Еще один неплохой сервис чат-виджет.
+2
shimapa23 #
Очень удобный сервис общения с клиентам
webim.ru/
+2
Paskal #
findicons.com
Ещё один милый сервис с иконками.
+3
hormold #
0
ademaro #
+2
Punk_UnDeaD #
www.patternify.com/

Генератор/редактор base64 изображений
+1
student_ivan #
iconsearch.ru

p.s: не генератор, а библиотека
0
Veterinar #
Уже довольно давно, чтобы дождаться несколько скриншотов от browsershots.org, нужно не отходить от компьютера несколько часов в лучшем случае. Не забывать жать «продлить» и постоянно наблюдать как время ожидания растет. Когда же наконец столь желанные скриншоты загружены, оказывается, что на некоторых в браузере белый лист — скрин сделан раньше, чем сайт загрузился.

Проще виртуалки поднять и самому делать скрины, честное слово. Ну, или воспользоваться платной версией сервиса.
+2
spmbt #
Reformal.ru — бесплатное создание пожеланий, багрепортов, вопросов от посетителей с их мягкой авторизацией (сервис типа getSatisfaction.com), обычно на боковой кнопке. (У Вас раздела под него нет, это не ойлайн-общение.)
0
AlexoLive #
Тогда и copiny.com стоит упомянуть
0
an2kor #
Ссылки на эти оба сервиса есть в посте, который я привёл в самом начале.
+3
BugZ #
ViewLike.us — просмотр сайта в разных разрешениях
multibrowserviewer.com — ключает в себя 26 виртуализированных веб-браузеров, 5 мобильных браузеров (в том числе iPhone и IPad) и 61 скриншот браузеров
crossbrowsertesting.com — обеспечивает оперативное интерактивное тестирование браузера с помощью удаленных VNC сессий. Круто, но платно. Бесплатная пробная версия доступна для всех планов в течение одной недели.
0
z0rg #
www.multibrowserviewer.com а то совсем не то выдаст
+3
student_ivan #
gskinner.com/RegExr/
полезная штука для теста регулярок
+3
aratak #
+2
student_ivan #
detectmobilebrowser.com/
Решения для разных языков, для разделения PDA/WEB
+3
student_ivan #
htaccess.madewithlove.be/
Для тестирования .htaccess (Mod Rewrite)
+1
xaker1 #
livezilla.net — аналог webim.ru, с бесплатной версией.
— Windows ориентированная.
+1
access #
в первый список, также можно добавить jivosite.ru
+1
1allen #
+ генератор фонов
subtlepatterns.com
0
an2kor #
Это больше на библиотеку фонов похоже.
0
1allen #
верно, прошу прощения.
+1
greyhard #
Забыли ) iconza.ru
+3
Analitik_Telecom #
Mibew — свободный и бесплатный веб-мессенджер
+1
Romanych #
www.userreport.com
* проведение опросов
* сбор идей
* демографический анализ аудитории сайта
* демографические карты кликов
0
SKeaPer #
В избранное!
+1
DreamWalker #
Faviconist — генератор иконок со стилизованной буквой.
0
psserg #
zingaya.com — звонок с сайта (в первый список).
+3
Aleco #
Большое спасибо за подборку. Однозначно в избранное и жалко что нельзя проголосовать дважды. :)
+1
Lorents #
Оптимизация изображений онлайн:
Smush.it
punypng.com
kraken.io

Для JPEG нет разницы какой сервис использовать, а вот для PNG рекомендую punypng.com + kraken.io (режим extrem) для максимального эффекта.
0
MyTaskHelper #
Реляционная онлайн СУБД, а простым языком конструктор веб-форм и баз данных онлайн
MyTaskHelper.ru
0
oWeRQ #
Сервис платный, сайт страшный(от части из-за отсутствующего шрифта, что заставляет усомниться в компетентности разработчиков), а за 10$ можно арендовать VPS.

Напрашивается вопрос, как оно попало в «полезные» сервисы?
0
MyTaskHelper #
Да, платный с 15-дневным триалом, чтобы понять нужен ли сервис. Также сть система инвайтов, позволяющая легко получить аккаунт бесплатно.
Но пост же не о бесплатных сервисах, а о полезных. Дизайн внешних страничек в нем не главное, чтобы убедиться в компетентности разработчиков и полезности нужно сервисы тестировать.
+1
Finar #
bannerfans.com — очень простой генератор баннеров
+1
Webtun #
Мега подборка веб-приложений, необходимых самостоятельным веб-дизайнерам
goo.gl/HAOVN
+2
EugeneKudashev #
Ещё иконки: thenounproject.com/
+1
hashspark #
Отличный сайт для подбора гармонирующих цветов colorschemedesigner.com/
+1
Idiff #
marva.ru , русскоязычный сервис для общения онлайн с сайта.
+1
grimich #
Тестирование регулярных выражений
regexpr.ru
+1
shandor #
www.gotalk.ru — онлайн-консультация с онлайн-трекингом посетителей
0
Desiderata #
cssdesk.com — удобная песочница для теста HTML и CSS.
jsfiddle.net — тоже самое что и предыдущий, но с поддержкой JavaScript и наиболее популярных JavaScript фреймворков.
+2
skipfish #
Генератор картинок — placehold.it. Удобно вставлять заглушки нужного размера при создании макетов или во время верстки
+1
msfs11 #
web-sniffer.net/ — Просмотр ответа и заголовков HTTP-запроса
jsonformatter.curiousconcept.com/ — JSON Formatter & Validator
myregexp.com/ — Редактор регулярных выражений
+2
kvasko_linuxoid #
Глазофильные цветовые схемы. kuler.adobe.com/
+2
Albertum #
Проверка скорости загрузки сайта: webo.in/
Нагрузочное тестирование сайта: loadimpact.com/
0
pratamishus #
Действительно хорошая подборка. За Loadimpact тоже спасибо — классная вещь
0
popov #
Отличный сервис обратной связи — reformal.ru
+1
Kane #
0
an2kor #
Дайте ссылку на второй сервис правильно, пожалуйста.
0
Kane #
0
mrShadow #
Для data URI есть DataURLMaker: название проще запомнить, в отличие от вашего позволяет загружать файлы всех типов (если файл не совсем картинка, а например SVG, mime-тип не всегда проставляет, но это и руками можно сделать)
+1
nikolaykhl #
Генератор кросс-браузерных правил CSS3: www.css3please.com
+1
shifty #
+1
shifty #
Ultimate CSS Gradient Generator
http://www.colorzilla.com/gradient-editor/
+1
hellhorse #
singlefunction.com/15-online-background-generators/ — подборка генераторов фона
web.appstorm.net/roundups/80-apps-and-resources-for-cloud-based-web-dev/ — подборка «80 Apps and Resources for Cloud-Based Web Dev». Не все подходит под тематику топика, но интересного и полезного достаточно. Отдельные ссылки вытаскивать не стал, ибо получится слишком много ссылок :)
djangolint.com/ — проверка django-проектов на Гитхабе :)
code.google.com/intl/ru-RU/apis/webfonts/ — решение гугла для загрузки шрифтов (ну о нем все знают, но мало ли...)
vremenno.net/html-css/html5-video-players/ — подборка готовых html5 видеоплееров. Но датировано 28 ноября 2010
karaboz.ru/2007/11/19/paginator-3000-postranichnaya-navigaciya-budushhego/ — качественный пагинатор.
kuler.adobe.com/ — решение от adobe для выбора основных цветов для сайта
www.likify.net/ — Generate Facebook likes using QR codes
www.cssstickyfooter.com/ — качественное решение «прилепленного» книзу футера
quirktools.com/screenfly/ — тестирование сайта при разных разрешениях
uppod.ru/ — хороший плеер для сайта
+1
DimICE #
css3pie.com — кросс-браузерный css3 (градиент, закругленные края, тень)
+1
Manimal #
Онлайн консультант для сайта www.netroxsc.ru Добавьте пожалуйста
+1
Begetan #
Сервис создания скриншотов для сайта

www.s-shot.ru
+1
Grifon #
favicon.cc — генератор и архив фавиконок
+1
DimICE #
code.google.com/p/html5shim/ — html5 для IE
+1
mrShadow #
jsbeautifier.org — Online JavaScript beautifier
www.boryi.com/free-web-tools/compress-xml.html — сжатие XML (удаление пробелов, комментариев)
+1
i5creen #
Автор, спасибо!
0
an2kor #
Пожалуйста =] Рад, что пост пригодился.
PS: Спасибо всем комментаторам.
+1
mrShadow #
Кстати, раз уж упомянули в подборке browsershots, была по подобным сайтам отдельная подборка: Быстрый способ протестировать сайт в разных десктопных браузерах. В подборке есть интересный сайт BrowserLing.com
+1
kuzmi4 #
Спасибо.
+1
Grifon #
Ещё один JSON-валидатор
+1
BorodinKO #
graph.tk/ — построитель графиков, иногда бывает очень полезным
+1
websitepulse #
www.websitepulse.com/help/tools.php — Полезные тесты сайта и сервера.
+1
withlove #
http://check-host.net — проверка сервера на доступность из разных точек мира (Ping, DNS, HTTP, TCP порт).
+1
withlove #
loads.in — проверить как быстро загружается сайт в реальных браузерах (из разных точек мира)
0
withlove #
Онлайн графические редакторы:
pixlr.com/editor/
www.sumopaint.com/app/
0
Grifon #
online color picker: colorpicker.com
0
sixtoff #
Форма обратного звонка для любого сайта — http://ngnsystems.ru

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