Веб дизайн и разработка претерпели значительные изменения в течении последних лет, точно так же изменились используемые технологии и инструменты. Эти изменения придали жизнь таким инструментам, которые сделали нашу жизнь проще, и дали возможность предоставлять нашим клиентам более качественные услуги. Коммуникации и совместная работа на огромных расстояниях уже не проблема и управление проектом стало весьма простой задачей.
Веб дизайнеры и разработчики могут также сделать свою работу с любого компьютера имеющего доступа к Интернету, без использования своих обычных приложений. Дизайн, тестирование, разработка, применение, все можно сделать непосредственно в Интернете.
Данная статья представляет 51 веб приложений для дизайнеров и разработчиков.
Splashup представляет из себя веб-приложение для редактирования изображений, которое вы можете использовать где бы вы не находились. Вы можете редактировать множество изображений или слоев одновременно, использовать множество фильтров и инструментов, а также иметь доступ к вашим сохраненным изображениям (Flickr, Picasa и т.д.).
Aviary является набором веб приложений для редактирования изображений, скриншотов и аудио файлов. Эти редакторы способны на изумительные работы и вместе с тем просты в использовании, бесплатны и весьма шустрые для основного редактирование.
Цена: От бесплатного до $24.99/год Требования: Flash Ссылка: aviary.com
Pixlr
Как Splashup и Aviary, Pixlr тоже является веб приложением для редактирования изображений. Pixlr более похож на Photoshop чем предыдущие два приложения, имеет интерфейс, который будет больше по душе пользователям Photoshop.
Photoshop.com является сокращенной он-лайн версией популярного приложения Photoshop. Под сокращенным я действительно имею ввиду весьма малое количество функций и инструментов. Он предназначен для редактирования изображений и видео файлов и имеет лишь несколько инструментов. Однако он предоставляет возможность бесплатного хранения изображений, альбомов и быстрого доступа к изображениям на таких сайтах как Flickr и Picasa.
Цена: Бесплатно (2GB места на диске) – $499.99/год (500GB места на диске) Требования: Flash Ссылка: https://www.photoshop.com
Adobe kuler является простым и быстрым инструментом для создания красивых цветовых схем. Начав с базового цвета или изображения, вы быстро можете создать все типы цветовых схем.
Color Scheme Designer имеет более простой интерфейс для создания цветовых схем чем Kuler. Также он имеет несколько других полезных функций. Например, предварительный просмотр цветовой схемы.
Цена: Бесплатно Требования: jаvascript, Браузер новее чем IE6 Ссылка: colorschemedesigner.com
Typetester является быстрым способом для тестирования и сравнения до трех типов шрифтом с настройками. Измените текст и настройки шрифта и получите CSS код.
Цена: Бесплатно Требования: jаvascript, Firefox, Safari 2.0+, Opera 8+, Camino 0.8+, Omniweb 5.1.1 или IE 5.5+ Ссылка: www.typetester.org
С приложением PXtoEM вы получите полный набор конвертаций в EM определенного размера шрифта. Но если вам лишь нужна быстрая конвертация PX в EM, то можете воспользоваться отдельным калькулятором.
Как часто вас интересует название шрифта, увиденного где нибудь в Интернете или в журнале? Загрузите изображение шрифта через URL или с вашего локального компьютера и получите список возможных совпадений. Также вы получите ссылки для приобретения возможных совпадений.
С приложением FontStruct вы можете создать высококачественные шрифты TrueType, которые они называют FontStructs. Редактор предоставляет простые для использования инструменты – сетку выравнивания, большой набор форм (которые они называют bricks) и многое другое.
CSS Sandbox является простым но полезным инструментом для экспериментирования и изучения CSS. Предварительный просмотр делается сразу после выбора разных настроек, так что обновить страницу не нужно.
templatr является генератором шаблонов, который предоставляет вам возможность создать шаблон для сайта и загрузить готовый архив. Выберите необходимый вам макет, загрузите ваши графические файлы, настройте любой из элементов просто кликая на его.
iPlotz позволяет вам быстро и легко создать макеты и каркасы. Имеет большое количество элементов для веб дизайнов и приложений и очень легок в использовании.
Цена: От бесплатного до $495/год Требования: Flash Ссылка: iplotz.com
Launch Splash является быстрым способом для создания временной страницы пока сайт находится в разработке. Он прост в использовании. Легкий способ успокоить друзей или клиентов пока вы работаете над настоящим сайтом.
Цена: Бесплатно Требования: jаvascript (для предварительного просмотра) Ссылка: www.launchsplash.com
Давайте согласимся, создание форм не можно назвать веселым процессом. Wufoo изменил это мнение, предлагая легкий в использовании инструмент для создания форм. Также содержит отчеты, безопасность и интеграцию платежной системы. Вы также можете его использовать для создания правильных HTML/CSS форм для собственной разработки.
Цена: От бесплатного до $199.95/месяц Требования: jаvascript Ссылка: wufoo.com
Так же как и Wufoo, JotForm является инструментом для создания форм посредством перетаскивания элементов. JotForm не так прекрасен как Wufoo, но все же он имеет много полезных инструментов для упрощения процесса создания разных форм для сайтов. Также поддерживает отчеты, платежи и многое другое.
Цена: От бесплатного до $9/ месяц Требования: jаvascript Ссылка: www.jotform.com
Несмотря на то, что инструменты выбора и создания фоновых изображений BgPatterns весьма ограничены, это приложение является довольно креативной идеей. Вы можете быстро создать и загрузить фоновое изображение из представленных элементов.
Быстро создайте изображения с повторяющимися линиями с помощью Stripe Generator. Вы можете настроить размер линии, пробел, цвета, стиль фона, тень или направление. Далее просто загрузите изображение с размером 18px * 18px.
При помощи Genfavicon вы можете легко создать фавиконы любого размера. Загрузите изображение с URL или с вашего локального компьютера и выберите требуемый размер. Это простое, но очень полезное приложение.
Создайте меню и просмотрите его, прежде чем загрузить готовую работу. IzzyMenu предлагает простой для использования интерфейс для настройки изображений, цветов, шрифтов и т.д. Также можете воспользоваться готовыми меню из их каталога. Для использования некоторых дополнительных возможностей, таких как jQuery, необходима регистрация.
Цена: Бесплатно Требования: ja vascript Ссылка: www.IzzyMenu.com
Создайте собственные Flash виджеты и приложения для своих сайтов. Редактор работает по принципу перетаскивания элементов и также имеет множество настроек.
Цена: От бесплатного до $39/месяц Требования: Flash Ссылка: produle.com
WebbyChat является полноценным приложением чата, который вы можете интегрировать в свой сайт используя jаvascript и далее настроить вид. Содержит множество настроек для модерирования и администрирования, а также красивый пользовательский интерфейс.
Цена: От бесплатного до $70/месяц Требования: jаvascript Ссылка: www.webbychat.com
Bespin является расширяемым редактором кода. С его помощью вы можете создавать или редактировать проекты или даже соединиться с другими приложениями с открытым исходным кодом и публично доступными хранилищам.
Так же как и Bespin, PHPanywhere является он-лайн редактором кода, поддерживающим PHP/HTML (возможно и больше). Он также имеет полноценный FTP клиент. Редактирование во вкладках, управление графическими файлами, неограниченное количество “undo” (отменить) и “redo” (вернуть) и множество других полезных функций. Также многие функции находятся в разработке.
Цена: Бесплатно Требования: Opera 9+, Firefox, Camino, поддержка IE, поддержка Safari и Chrome будет скоро доступна. Ссылка: phpanywhere.net
Yahoo Pipes предоставляет возможность собрать контент из разных мест в одном месте в виде различных виджетов, беджей, карт и т.д. Все это можно сделать в удобном визуальном редакторе, не беспокоясь о написании кода.
Google предлагает большое количество сервисов и API. К счастью они также предоставляет простой способ тестирования, изучения и создания любых приложений в Code Playground. Получите доступ к примерам API, сделайте в них изменения, отладьте, сохраните и экспортируйте свою работу.
SSH клиент serFISH является полноценным SSH клиентом прямо в браузере. С его помощью вы можете обойти ограничения Firewall-ов и Proxy, соединиться анонимно и т.д.
net2ftp является быстрым и полнофункциональным FTP клиентом. Не требует jаvascript, Flash или последней версии FireFox или Safari. Полностью создан на PHP. Вы даже можете установить его на свой собственный сервер.
Dabble DB предоставляет возможность создать он-лайн базы данных, но кроме этого способен на многое другое. Используйте информацию из своей базы данных и создайте отчеты в виде графиков, карт и т.д. или просто работайте совместно с другими. И все это делается в простом для использования интерфейсе.
Цена: От бесплатного до $8/месяц Требования: jаvascript Ссылка: dabbledb.com
Кросс браузерное тестирование сайтов нужно нам всем. Adobe Browserlab делает эту работу быстро и легко. Также имеет несколько дополнительных возможностей. Тестируйте ваш веб-сайт во всех популярных браузерах начиная от IE6+ до FireFox 2+ (Windows и OS X) и Safari 3+ (Windows и OS X).
Как и Browserlab, BrowserCam позволяет вам делать скрин шоты сайтов но в более большом количестве браузеров, включая на таких устройствах как BlackBerry, iPhone и т.д.
ViewLike.us простое но полезное приложение. Введите URL и выберите нужное разрешение экрана, в том числе iPhone, Wii и многие другие. Тестируете сайт, но ваш монитор слишком маленький для разрешения 1929×1200? Не проблема, просто прокрутите окошко.
Если вы еще не знакомы с сервисами проверки W3C, то самое время сделать это. Проверьте вашу разметку и CSS через URI, загрузку файла или непосредственный ввод. Определите дополнительные настройки, такие как тип документа, очистка разметки и т.д.
Google Analytics является системой анализа посещаемости сайтов и для этой цели предоставляет легкие в использовании функции. Автоматическая генерация отчетов, предоставление другим доступ к просмотру статистики или к управлению, просмотр статистики в графическом виде и многое другое.
Несмотря на то, что Mint является приложением статистики посещаемости, которая устанавливается на сервере клиента, он очень похож на Google Analytics. Включает графическое представление статистики и т.д.
Цена: $30 за одну лицензию Требования: jаvascript, Apache, MySQL и PHP Ссылка: haveamint.com
Pingdom Tools является набором инструментов для тестирования времени загрузки страницы, пинга и трейсроута. Вы получите большое количество полезной информации о работе сайта, ошибок во время тестирования и т.д.
clickdensity является другим типом приложения анализа веб-сайта, который предоставляет возможность анализировать клики пользователей, поиск и другие функции юзабилити. Просмотрите тепловые карты кликов и другие отчеты для улучшения интерфейса вашего сайта.
Цена: От бесплатного до $400/месяц Требования: jаvascript Ссылка: www.clickdensity.com
CushyCMS является абсолютно иной системой управления контентом, которая не требует установки на вашем сервере и проста в использовании. Так что вам не нужно будет учить клиентов как им пользоваться. Он идеален для непрограммистов и очень быстр для разработки.
Цена: От бесплатного до $28/месяц Требования: jаvascript Ссылка: www.cushycms.com
Как и CushyCMS, LightCMS является упрощенной системой управления контентом, которая не требует установки и достаточно легка в использовании для непрограммистов, клиентов и дизайнеров. Включает хостинг и все нужные инструменты для управления сайтом.
Springloops является инструментом для управления исходными кодами. Предназначен для групп разработчиков, которые работают отдаленно друг от друга. Легок в управлении и имеет много различных функций.
Цена: От бесплатного до $96/месяц Требования: jаvascript Ссылка: springloops.com
Box.net предоставляет простой но в то же время богатый функциями интерфейс для управления файлами. Но это приложение не простая система обмена файлами, она также делает рабочий процесс более легким.
Цена: От бесплатного до $15+ за одного пользователя в месяц Требования: jаvascript Ссылка: box.net
Так же как и Box.net, drop.io сфокусирован больше на рабочем процессе, обмене и управлении файлами. Совместная работа в реальном времени, факс, twitter, телефон (голосовая почта, конференцсвязь и т.д.) и многое другое.
Цена: От бесплатного до $10 за 1 GB в год Требования: jаvascript, Flash Ссылка: drop.io
Jumpchart является хорошим посредником между клиентами и разработчиками. Он значительно упрощает создание концепции будущего проекта, подтверждение и принятие работы а также рабочий процесс. Совместная работа, создание каркасов и многое другое в визуальном и удобном интерфейсе для разработчиков и их клиентов.
Цена: От бесплатного до $50/цена Требования: jаvascript Ссылка: www.jumpchart.com
Remember The Milk является простым сервисом списка намеченных дел и управления задачами. Работает с Google Calendar, Twitter, Gmail, iPhone, Android и т.д. Он прост, но в то же время гибкий.
Domai.nr это еще один простой но полезный инструмент. Просто осуществите поиск доменов по ключевому слову и получите отчет о наличии и креативные советы. После этого просмотрите дополнительные ссылки для регистраторов и инструментов, таких как WHOIS.
Цена: Бесплатно Требование: jаvascript (для AJAX) Ссылка: domai.nr
Если вы до сих пор не знакомы с Twitter, то я настоятельно рекомендую сделать это. Это один из самых лучших инструментов общения для дизайнеров и разработчиков. Несмотря на то, что существует множество различных Twitter клиентов, Twitter.com всегда быстрый, надежный и простой в использовании.
Цена: Бесплатно Требования: jаvascript (для AJAX) Ссылка: twitter.com
Zoho является конкурентом Google Apps (см. ниже) и предлагает множество веб-приложений почти для всех нужд. При помощи Zoho вы можете пользоваться e-mail, редактировать документы, сделать веб-конференцию, выставлять счета и т.д. Ссылка, представленная внизу, откроет весь список предоставляемых услуг.
Цена: От бесплатного до $3+ /месяц Требования: Зависит от используемого приложения, обычно просто jаvascript Ссылка: www.zoho.com
Google предлагает множество веб-приложений, включая e-mail, редактирование документов, RSS, календарь, создание 3D моделей и многое другое. Если вы еще не знакомы с этими сервисами, советую ознакомиться с Gmail, Docs, Calendar, Picasa и Reader или просто просмотрите весь список приложений (http://www.google.com/intl/en/options/#utm_medium=et&utm_source=catch_all).
Цена: Бесплатно Требования: Зависит от используемого приложения, обычно просто jаvascript Ссылка: www.google.com/apps/
Комментариев 1
Комментировать статьи на сайте возможно только в течении 90 дней со дня публикации.