Веб-дизайн и разработка за последние годы претерпели значительные изменения, изменились и используемые технологии и инструменты.
Эти изменения дали жизнь инструментам, которые облегчили нашу жизнь и позволили предоставлять нашим клиентам более качественные услуги.
Общение и сотрудничество на огромных расстояниях больше не являются проблемой, а управление проектами стало очень простой задачей.
Веб-дизайнеры и разработчики также могут выполнять свою работу с любого компьютера с доступом в Интернет, не используя привычные приложения.
Проектирование, тестирование, разработка, применение – все можно сделать прямо в Интернете.
В этой статье представлено 51 веб-приложение для дизайнеров и разработчиков.
Всплеск 
Splashup — это веб-приложение для редактирования изображений, которое вы можете использовать, где бы вы ни находились.
Вы можете редактировать множество изображений или слоев одновременно, использовать множество фильтров и инструментов, а также иметь доступ к сохраненным изображениям (Flickr, Picasa и т. д.).
Цена: Бесплатно
Требования: Флеш
Связь: www.splashup.com Вольер 
Aviary — набор веб-приложений для редактирования изображений, снимков экрана и аудиофайлов.
Эти редакторы способны на потрясающую работу и в то же время просты в использовании, бесплатны и очень быстры для базового редактирования.
Цена: бесплатно до 24,99 долларов США в год.
Требования: Флеш
Связь: aviary.com Пиксельр 
Как и Splashup и Aviary, Pixlr также является веб-приложением для редактирования изображений.
Pixlr больше похож на Photoshop, чем два предыдущих приложения, и имеет интерфейс, который понравится пользователям Photoshop. Цена: Бесплатно Требования: Флеш Связь: www.pixlr.com Фотошоп.
com 
Photoshop.com — это сокращенная онлайн-версия популярного приложения Photoshop. Под сокращением я подразумеваю очень небольшое количество функций и инструментов.
Он предназначен для редактирования изображений и видеофайлов и имеет всего несколько инструментов.
Тем не менее, он предоставляет бесплатное хранилище изображений, альбомы и быстрый доступ к изображениям на таких сайтах, как Flickr и Picasa. Цена: бесплатно (2 ГБ дискового пространства) — 499,99 долларов США в год (500 ГБ дискового пространства).
Требования: Флэш
Связь: www.photoshop.com Adobe кулер 
Adobe kuler — простой и быстрый инструмент для создания красивых цветовых схем.
Начав с базового цвета или изображения, вы можете быстро создавать любые типы цветовых схем.
Цена: Бесплатно
Требования: Флеш
Связь: Cooler.adobe.com Дизайнер цветовой схемы 
Color Scheme Designer имеет более простой интерфейс для создания цветовых схем, чем Kuler. Он также имеет ряд других полезных функций.
Например, предварительный просмотр цветовой схемы.
Цена: Бесплатно
Требования: JavaScript, браузер новее IE6.
Связь: Colorschemedesigner.com Типестер 
Typetester — это быстрый способ протестировать и сравнить до трех типов шрифтов с настройками.
Измените настройки текста и шрифта и получите код CSS. Цена: Бесплатно Требования: JavaScript, Firefox, Safari 2.0+, Opera 8+, Camino 0.8+, Omniweb 5.1.1 или IE 5.5+.
Связь: www.typetester.org PXtoEM.com 
С приложением PXtoEM вы получите полный набор преобразований в EM определенного размера шрифта.
Но если вам просто нужно быстрое преобразование PX в EM, вы можете использовать отдельный калькулятор.
Цена: Бесплатно
Требования: JavaScript
Связь: pxtoem.com WhatTheFont 
Как часто вас интересует название шрифта, который вы увидели где-то в Интернете или в журнале? Загрузите изображение шрифта по URL-адресу или со своего локального компьютера и получите список возможных совпадений.
Вы также получите ссылки для покупки возможных совпадений.
Цена: Бесплатно Требования: Изображение или текст со шрифтом.
Связь: new.myfonts.com/WhatTheFont ШрифтСтрукт 
С помощью приложения FontStruct вы можете создавать высококачественные шрифты TrueType, которые они называют FontStructs. Редактор предоставляет простые в использовании инструменты — сетку выравнивания, большой набор фигур (которые называют кирпичиками) и многое другое.
Цена: Бесплатно
Требования: Флеш
Связь: Fontstruct.fontshop.com CSS-песочница 
CSS Sandbox — простой, но полезный инструмент для экспериментов и изучения CSS. Предварительный просмотр осуществляется сразу после выбора различных настроек, поэтому обновлять страницу нет необходимости.
Цена: Бесплатно
Требования: JavaScript
Связь: aurelio.net/css-песочница Шаблон 
templatr — генератор шаблонов, который дает возможность создать шаблон для сайта и загрузить готовый архив.
Выберите нужный вам макет, загрузите свои графические файлы, настройте любой из элементов, просто нажав на него.
Цена: Бесплатно
Требования: JavaScript
Связь: templatr.cc iPlotz 
iPlotz позволяет быстро и легко создавать макеты и каркасы.
Он имеет большое количество элементов для веб-дизайна и приложений и очень прост в использовании.
Цена: бесплатно до 495 долларов США в год.
Требования: Флеш
Связь: iplotz.com Запустить заставку 
Launch Splash — это быстрый способ создать временную страницу, пока ваш сайт находится в стадии разработки.
Он прост в использовании.
Простой способ успокоить друзей или клиентов, пока вы работаете над своим настоящим веб-сайтом.
Цена: Бесплатно
Требования: JavaScript (для предварительного просмотра)
Связь: www.launchsplash.com Вуфу 
Давайте посмотрим правде в глаза: создание форм — процесс не из веселых.
Wufoo меняет ситуацию, предлагая простой в использовании инструмент для создания форм.
Также содержит отчетность, безопасность и интеграцию с платежной системой.
Вы также можете использовать его для создания правильных форм HTML/CSS для собственных разработок.
Цена: бесплатно до $199,95 в месяц.
Требования: JavaScript
Связь: wufoo.com ЙотФорм 
Как и Wufoo, JotForm — это инструмент для создания форм с помощью перетаскивания.
JotForm не так хорош, как Wufoo, но в нем все же есть много полезных инструментов, упрощающих процесс создания различных форм для ваших веб-сайтов.
Также поддерживает отчеты, платежи и многое другое.
Цена: От бесплатного до 9 долларов в месяц.
Требования: JavaScript
Связь: www.jotform.com BgPatterns1> 
Хотя инструменты для выбора и создания фоновых изображений BgPatterns весьма ограничены, это приложение представляет собой довольно креативную идею.
Из представленных элементов вы можете быстро создать и загрузить фоновое изображение.
Цена: Бесплатно
Требования: Flash, JavaScript.
Связь: bgpatterns.com Генератор полос 
Быстро создавайте изображения с повторяющимися линиями с помощью Stripe Generator. Вы можете настроить размер линий, интервал, цвета, стиль фона, тень или направление.
Далее просто загрузите изображение размером 18px*18px.
Цена: Бесплатно
Требования: JavaScript
Связь: www.stripegenerator.com Генфавикон 
С Genfavicon вы можете легко создавать значки любого размера.
Загрузите изображение по URL-адресу или со своего локального компьютера и выберите нужный размер.
Это простое, но очень полезное приложение.
Цена: Бесплатно
Требования: JavaScript
Связь: www.genfavicon.com ИззиМеню 
Создайте меню и просмотрите его перед загрузкой готовой работы.
IzzyMenu предлагает простой в использовании интерфейс для настройки изображений, цветов, шрифтов и т. д. Вы также можете использовать готовые меню из их каталога.
Некоторые расширенные функции, такие как jQuery, требуют регистрации.
Цена: Бесплатно
Требования: JavaScript
Связь: www.IzzyMenu.com ПРОДУЛЬ 
Создавайте собственные Flash-виджеты и приложения для своих веб-сайтов.
Редактор работает по принципу перетаскивания элементов, а также имеет множество настроек.
Цена: бесплатно до 39 долларов в месяц.
Требования: Флеш
Связь: produle.com ВеббиЧат 
WebbyChat — это полноценное приложение для чата, которое вы можете интегрировать в свой сайт с помощью JavaScript и дополнительно настроить его внешний вид. Содержит множество настроек модерации и администрирования, а также красивый пользовательский интерфейс.
Цена: бесплатно до 70 долларов в месяц.
Требования: JavaScript
Связь: www.webbychat.com Аякслоад 
Ajaxload — еще одно очень простое приложение для создания собственного «загрузочного» образа, в первую очередь для использования в AJAX-приложениях.
Цена: Бесплатно
Требования: JavaScript
Связь: ajaxload.info Mozilla Labs Беспин 
Bespin — расширяемый редактор кода.
С его помощью вы можете создавать или редактировать проекты или даже подключаться к другим приложениям с открытым исходным кодом и общедоступным репозиториям.
Цена: Бесплатно
Требования: Firefox 3.x, Webkit Nightly Builds, Google Chromium.
Связь: bespin.mozilla.com PHPanywhere 
Как и Bespin, PHPanywhere — это онлайн-редактор кода, поддерживающий PHP/HTML (возможно, и больше).
Он также имеет полноценный FTP-клиент. Редактирование во вкладках, управление графическими файлами, неограниченное количество «отмен» (undo) и «повторить» (redo) и множество других полезных функций.
Также многие функции находятся в разработке.
Цена: Бесплатно
Требования: Opera 9+, Firefox, Camino, поддержка IE, скоро появится поддержка Safari и Chrome.
Связь: phpanywhere.net Yahoo трубы 
Yahoo Pipes предоставляет возможность собирать контент из разных мест в одном месте в виде различных виджетов, значков, карт и т. д. Все это можно сделать в удобном визуальном редакторе, не беспокоясь о написании кода.
Цена: Бесплатно Требования: JavaScript Связь: трубы.
yahoo.com/pipes Игровая площадка Google Code 
Google предлагает большое количество сервисов и API. К счастью, они также предоставляют простой способ тестирования, изучения и создания любого приложения на Code Playground. Получайте доступ к примерам API и изменяйте их, осуществляйте отладку, сохраняйте и экспортируйте свою работу.
Цена: Бесплатно
Требования: JavaScript
Связь: code.google.com/apis/ajax/playground SSH-клиент serFISH.com 
SSH-клиент serFISH — полноценный SSH-клиент прямо в браузере.
С его помощью вы сможете обходить ограничения Firewall и Proxy, подключаться анонимно и т.д.
Цена: Бесплатно
Требования: JavaScript
Связь: serfish.com/консоль net2ftp 
net2ftp — быстрый и полнофункциональный FTP-клиент. Не требует JavaScript, Flash или последней версии FireFox или Safari. Полностью создан на PHP. Вы даже можете установить его на свой сервер.
Цена: Бесплатно
Требования: нет данных (используется PHP)
Связь: net2ftp.com Дэббл БД 
Dabble DB предоставляет возможность создавать онлайн-базы данных, но также способен на гораздо большее.
Используйте информацию из своей базы данных и создавайте отчеты в виде графиков, карт и т. д. или просто работайте совместно с другими.
И все это сделано в простом в использовании интерфейсе.
Цена: бесплатно до 8 долларов в месяц.
Требования: JavaScript
Связь: dabbledb.com Adobe Браузерлаб 
Нам всем необходимо кроссбраузерное тестирование веб-сайтов.
Adobe Browserlab делает эту работу быстрой и легкой.
Также имеет ряд дополнительных функций.
Проверьте свой веб-сайт во всех популярных браузерах: от IE6+ до FireFox 2+ (Windows и OS X) и Safari 3+ (Windows и OS X).
Цена: Бесплатно
Требования: Флеш
Связь: браузерlab.adobe.com БраузерКам 
Как и Browserlab, BrowserCam позволяет делать снимки веб-сайтов, но в более широком спектре браузеров, включая такие устройства, как BlackBerry, iPhone и т. д.
Цена: 19,95–999,95 долларов США в месяц (доступна бесплатная пробная версия)
Требования: нет данных
Связь: www.browsercam.com ПосмотретьLike.us 
ViewLike.us — простое, но полезное приложение.
Введите URL-адрес и выберите желаемое разрешение экрана, включая iPhone, Wii и многие другие.
Тестируете веб-сайт, но ваш монитор слишком мал для разрешения 1929x1200? Нет проблем, просто прокрутите окно.
Цена: Бесплатно
Требования: JavaScript
Связь: viewlike.us Службы разметки W3C и проверки CSS 
Если вы еще не знакомы со службами проверки W3C, сейчас самое время это сделать.
Проверьте свою разметку и CSS с помощью URI, загрузки файла или прямого ввода.
Определите дополнительные настройки, такие как тип документа, очистка разметки и т. д.
Цена: Бесплатно
Требования: нет данных
Ссылка (проверка разметки): validator.w3.org
Ссылка (проверка CSS): jigsaw.w3.org/css-validator Мои сайты работают? 
Система мониторинга сайта с отправкой отчета в виде СМС, электронной почты, записи в Твиттере и т. д., в зависимости от типа вашей учетной записи.
Цена: бесплатно до 95 долларов США в год.
Требования: нет данных
Связь: aremysitesup.com Гугл Аналитика 
Google Analytics — это система анализа трафика веб-сайтов, предоставляющая для этой цели простые в использовании функции.
Автоматически создавайте отчеты, предоставляйте другим доступ для просмотра или управления статистикой, просматривайте статистику в графической форме и многое другое.
Цена: Бесплатно
Требования: JavaScript, Flash
Связь: www.google.com/analytics Мятный 
Хотя Mint — это приложение для статистики трафика, которое устанавливается на сервер клиента, оно очень похоже на Google Analytics. Включает графическое представление статистики и т. д.
Цена: 30 долларов США за лицензию.
Требования: JavaScript, Apache, MySQL и PHP.
Связь: haveamint.com Инструменты пингдома 
Pingdom Tools — это набор инструментов для тестирования времени загрузки страницы, проверки связи и трассировки.
Вы получите большое количество полезной информации о работе сайта, ошибках при тестировании и т.д.
Цена: Бесплатно
Требования: JavaScript
Связь: Tools.pingdom.com плотность кликов 
clickdensity — это еще один тип приложения для веб-аналитики, который предоставляет возможность анализировать клики пользователей, поисковые запросы и другие функции удобства использования.
Просматривайте тепловые карты кликов и другие отчеты, чтобы улучшить работу вашего сайта.
Цена: От бесплатного до 400 долларов в месяц.
Требования: JavaScript
Связь: www.clickdensity.com CushyCMS 
CushyCMS — это совершенно другая система управления контентом, не требующая установки на ваш сервер и простая в использовании.
Таким образом, вам не придется учить клиентов, как им пользоваться.
Он идеально подходит для непрограммистов и очень быстро развивается.
Цена: бесплатно до 28 долларов в месяц.
Требования: JavaScript
Связь: www.cushycms.com ЛайтCMS 
Как и CushyCMS, LightCMS — это легкая система управления контентом, которая не требует установки и достаточно проста в использовании для непрограммистов, клиентов и дизайнеров.
Включает хостинг и все необходимые инструменты для управления сайтом.
Цена: бесплатно до 99 долларов в месяц.
Связь: www.speaklight.com Пружинные петли 
Springloops — это инструмент управления исходным кодом.
Предназначен для команд разработчиков, работающих удаленно друг от друга.
Прост в использовании и имеет множество различных функций.
Цена: бесплатно до 96 долларов в месяц.
Требования: JavaScript Связь: Springloops.com Бокс.
нет 
Box.net предоставляет простой, но многофункциональный интерфейс для управления файлами.
Но это приложение не является простой системой обмена файлами, оно также упрощает ваш рабочий процесс.
Цена: от бесплатного до $15+ за пользователя в месяц.
Требования: JavaScript
Связь: box.net drop.io 
Как и Box.net, drop.io больше фокусируется на рабочем процессе, совместном использовании и управлении файлами.
Совместная работа в режиме реального времени, факс, Twitter, телефон (голосовая почта, конференции и т. д.) и многое другое.
Цена: От бесплатно до $10 за 1 ГБ в год.
Требования: JavaScript, Flash
Связь: drop.io Димдим 
Dimdim — это мощная система веб-конференций, не требующая загрузки какого-либо программного обеспечения.
Цена: Бесплатно
Требования: Флеш
Связь: www.dimdim.com Джампчарт 
Jumpchart — хороший посредник между клиентами и разработчиками.
Это существенно упрощает создание концепции будущего проекта, утверждение и приемку работ, а также рабочий процесс.
Совместная работа, создание каркасов и многое другое с помощью визуального и удобного интерфейса для разработчиков и их клиентов.
Цена: бесплатно до 50 долларов США/цена.
Требования: JavaScript
Связь: www.jumpchart.com Помните о молоке 
Помните, что Milk — это простой список дел и сервис управления задачами.
Работает с Календарем Google, Twitter, Gmail, iPhone, Android и т. д. Он простой, но в то же время гибкий.
Цена: бесплатно до 25 долларов США в год. Требования: JavaScript Связь: www.rememberthemilk.com Домай.
нр 
Domai.nr — еще один простой, но полезный инструмент. Просто выполните поиск доменов по ключевому слову и получите отчет о доступности и творческие советы.
После этого просмотрите дополнительные ссылки на регистраторов и такие инструменты, как WHOIS.
Цена: Бесплатно
Требование: JavaScript (для AJAX)
Связь: domai.nr Твиттер 
Если вы еще не знакомы с Твиттером, я настоятельно рекомендую это сделать.
Это один из лучших инструментов общения для дизайнеров и разработчиков.
Хотя существует множество различных клиентов Twitter, Twitter.com всегда быстр, надежен и прост в использовании.
Цена: Бесплатно
Требования: JavaScript (для AJAX)
Связь: Twitter.com Зохо 
Zoho является конкурентом Google Apps (см.
ниже) и предлагает множество веб-приложений практически для любых нужд. С Zoho вы можете использовать электронную почту, редактировать документы, проводить веб-конференции, выставлять счета и т. д. Ссылка, представленная ниже, откроет весь список предоставляемых услуг.
Цена: От бесплатного до $3+ в месяц.
Требования: Зависит от используемого приложения, обычно только JavaScript.
Связь: www.zoho.com Google Apps 
Google предлагает множество веб-приложений, включая электронную почту, редактирование документов, RSS, календарь, 3D-моделирование и многое другое.
Если вы еще не знакомы с этими сервисами, я предлагаю вам проверить Gmail, Документы, Календарь, Picasa и Reader или просто просмотреть весь список приложений ( http://www.google.com/intl/en/options/#utm_medium=et&utm_source=catch_all ).
Цена: Бесплатно Требования: Зависит от используемого приложения, обычно только JavaScript. Связь: www.google.com/приложения Теги: #веб-разработка #веб-дизайн #веб-приложения
-
Институт Карьеры Jetking – Правильный Выбор
19 Oct, 24 -
Выбор Подходящего Отслеживания Ошибок
19 Oct, 24 -
Система Управления Проектами Agilean
19 Oct, 24 -
Включи Метроном
19 Oct, 24 -
Новая Версия V8 Будет На 50% Быстрее
19 Oct, 24 -
Игра Через Два Дня
19 Oct, 24 -
Нужно Ли Мне Участвовать В Конференциях?
19 Oct, 24
