Web design and development have undergone significant changes in recent years, and the technologies and tools used have changed in the same way. These changes have given life to tools that have made our lives easier and made it possible to provide our customers with better services. Communication and teamwork over vast distances is no longer a problem and project management has become a very simple task.
Web designers and developers can also do their work from any computer with access to the Internet, without using their usual applications. Design, testing, development, application, everything can be done directly on the Internet.
This article presents 51 web applications for designers and developers.
Splashup
')

Splashup is an image editing web application that you can use wherever you are. You can edit multiple images or layers at the same time, use multiple filters and tools, and also have access to your saved images (Flickr, Picasa, etc.).
Price: Free
Requirements: Flash
Link:
www.splashup.comAviary

Aviary is a set of web applications for editing images, screenshots and audio files. These editors are capable of amazing work and at the same time are easy to use, free and very quick for basic editing.
Price: Free to $ 24.99 / year
Requirements: Flash
Link:
aviary.comPixlr

Like Splashup and Aviary, Pixlr is also a web image editing application. Pixlr is more similar to Photoshop than the previous two applications, has an interface that will be more like users of Photoshop.
Price: Free
Requirements: Flash
Link:
www.pixlr.comPhotoshop.com

Photoshop.com is an abbreviated online version of the popular Photoshop application. By abbreviated, I really mean a very small number of functions and tools. It is designed for editing images and video files and has only a few tools. However, it provides free storage of images, albums, and quick access to images on sites such as Flickr and Picasa.
Price: Free (2GB of disk space) - $ 499.99 / year (500GB of disk space)
Requirements: Flash
Link:
www.photoshop.comAdobe Kuler

Adobe kuler is a simple and fast tool for creating beautiful color schemes. Starting with a base color or image, you can quickly create all types of color schemes.
Price: Free
Requirements: Flash
Link:
kuler.adobe.comColor Scheme Designer

Color Scheme Designer has a simpler interface for creating color schemes than Kuler. It also has several other useful features. For example, a preview of the color scheme.
Price: Free
Requirements: JavaScript, Browser newer than IE6
Link:
colorschemedesigner.com
Typetester is a quick way to test and compare up to three font types with settings. Change the text and font settings and get the CSS code.
Price: Free
Requirements: JavaScript, Firefox, Safari 2.0+, Opera 8+, Camino 0.8+, Omniweb 5.1.1 or IE 5.5+
Link:
www.typetester.orgPXtoEM.com

With the PXtoEM app, you will get a complete set of EM conversions in a specific font size. But if you just need a quick PX to EM conversion, then you can use a separate calculator.
Price: Free
Requirements: JavaScript
Link:
pxtoem.comWhatTheFont

How often are you interested in the name of a font seen anywhere on the Internet or in a magazine? Download the font image via URL or from your local computer and get a list of possible matches. You will also receive links to acquire possible matches.
Price: Free
Requirements: Image or text with a font.
Link:
new.myfonts.com/WhatTheFontFontStruct

With the FontStruct app, you can create high-quality TrueType fonts, which they call FontStructs. The editor provides easy-to-use tools — an alignment grid, a large set of shapes (which they call bricks), and more.
Price: Free
Requirements: Flash
Link:
fontstruct.fontshop.comCSS sandbox

CSS Sandbox is a simple but useful tool for experimenting and learning CSS. The preview is done immediately after selecting different settings, so you do not need to refresh the page.
Price: Free
Requirements: JavaScript
Link:
aurelio.net/css-sandboxTemplatr

templatr is a template generator that provides you with the ability to create a template for a site and upload a ready-made archive. Choose the layout you need, upload your graphic files, customize any of the elements just by clicking on it.
Price: Free
Requirements: JavaScript
Link:
templatr.cciPlotz

iPlotz allows you to quickly and easily create layouts and frames. It has a large number of elements for web designs and applications and is very easy to use.
Price: Free to $ 495 / year
Requirements: Flash
Link:
iplotz.comLaunch splash

Launch Splash is a quick way to create a temporary page while the site is under construction. It is easy to use. An easy way to reassure friends or customers while you are working on this site.
Price: Free
Requirements: javascript (for preview)
Link:
www.launchsplash.com
Let's agree, creating forms cannot be called a fun process. Wufoo changed this opinion by offering an easy-to-use tool for creating forms. Also contains reports, security and payment system integration. You can also use it to create the right HTML / CSS forms for your own design.
Price: Free to $ 199.95 / month
Requirements: JavaScript
Link:
wufoo.comJotform

Like Wufoo, JotForm is a tool for creating forms by dragging and dropping elements. JotForm is not as beautiful as Wufoo, but it still has many useful tools to simplify the process of creating different forms for sites. Also supports reports, payments and more.
Price: Free to $ 9 / month
Requirements: JavaScript
Link:
www.jotform.comBgPatterns </ 1>

Although the tools for selecting and creating background images of BgPatterns are very limited, this app is a pretty creative idea. You can quickly create and load a background image from the presented elements.
Price: Free
Requirements: Flash, JavaScript
Link:
bgpatterns.comStripe generator

Quickly create images with repeating lines using Stripe Generator. You can customize the line size, space, color, background style, shadow or direction. Then simply upload an image with a size of 18px * 18px.
Price: Free
Requirements: JavaScript
Link:
www.stripegenerator.comGenfavicon

With Genfavicon, you can easily create favicons of any size. Download the image from the URL or from your local computer and select the desired size. This is a simple but very useful application.
Price: Free
Requirements: JavaScript
Link:
www.genfavicon.com
Create a menu and view it before you load the finished work. IzzyMenu offers an easy-to-use interface for customizing images, colors, fonts, etc. You can also use ready-made menus from their catalog. To use some additional features, such as jQuery, registration is required.
Price: Free
Requirements: JavaScript
Link:
www.IzzyMenu.com
Create your own Flash widgets and applications for your sites. The editor works on the principle of dragging elements and also has many settings.
Price: Free to $ 39 / month
Requirements: Flash
Link:
produle.comWebbyChat

WebbyChat is a full-featured chat application that you can integrate into your site using JavaScript and further customize the look. It contains many settings for moderation and administration, as well as a beautiful user interface.
Price: Free to $ 70 / month
Requirements: JavaScript
Link:
www.webbychat.comAjaxload

Ajaxload is another very simple application for creating your own “download” image, mainly for use in AJAX applications.
Price: Free
Requirements: JavaScript
Link:
ajaxload.infoMozilla labs bespin

Bespin is an extensible code editor. With it, you can create or edit projects or even connect with other open source applications and publicly accessible repositories.
Price: Free
Requirements: Firefox 3.x, Webkit Nightly Builds, Google Chromium
Link:
bespin.mozilla.comPHPanywhere

Like Bespin, PHPanywhere is an online code editor that supports PHP / HTML (possibly more). It also has a full-fledged FTP client. Editing in tabs, managing image files, an unlimited number of “undo” (cancel) and “redo” (return), and many other useful functions. Also many features are in development.
Price: Free
Requirements: Opera 9+, Firefox, Camino, IE support, Safari and Chrome support will be available soon.
Link:
phpanywhere.netYahoo pipes

Yahoo Pipes provides the ability to collect content from different places in one place in the form of various widgets, badges, maps, etc. All this can be done in a convenient visual editor, without worrying about writing code.
Price: Free
Requirements: JavaScript
Link:
pipes.yahoo.com/pipesGoogle Code Playground

Google offers a large number of services and APIs. Fortunately, they also provide an easy way to test, explore, and create any applications in the Code Playground. Access API examples, make changes to them, debug, save and export your work.
Price: Free
Requirements: JavaScript
Link:
code.google.com/apis/ajax/playground
SSH client serFISH is a full-featured SSH client right in the browser. With it, you can bypass the limitations of Firewalls and Proxy, connect anonymously, etc.
Price: Free
Requirements: JavaScript
Link:
serfish.com/console
net2ftp is a fast and full-featured FTP client. Does not require JavaScript, Flash, or the latest version of FireFox or Safari. Fully created in PHP. You can even install it on your own server.
Price: Free
Requirements: N / A (uses PHP)
Link:
net2ftp.com
Dabble DB provides the ability to create online databases, but other than that is capable of much more. Use information from your database and create reports in the form of graphs, maps, etc. or simply work with others. And all this is done in an easy-to-use interface.
Price: Free to $ 8 / month
Requirements: JavaScript
Link:
dabbledb.com
Cross-browsing sites need we all. Adobe Browserlab makes this work quick and easy. Also has several additional features.
Test your website in all popular browsers ranging from IE6 + to FireFox 2+ (Windows and OS X) and Safari 3+ (Windows and OS X).
Price: Free
Requirements: Flash
Link:
browserlab.adobe.com
Like Browserlab, BrowserCam allows you to make screen shots of sites, but in a larger number of browsers, including on devices such as BlackBerry, iPhone, etc.
Price: $ 19.95 - $ 999.95 / month (Free trial is available)
Requirements: N / A
Link:
www.browsercam.com
ViewLike.us is a simple but useful application. Enter the URL and select the desired screen resolution, including iPhone, Wii and many others. Test the site, but your monitor is too small for a resolution of 1929 Ă— 1200? Not a problem, just scroll the window.
Price: Free
Requirements: JavaScript
Link:
viewlike.us
If you are not familiar with the W3C verification services, then it’s time to do that. Check your markup and CSS via URI, file upload or direct input. Define advanced settings such as document type, markup cleaning, etc.
Price: Free
Requirements: N / A
Link (Check Markup):
validator.w3.orgLink (CSS Check):
jigsaw.w3.org/css-validator
The system of monitoring sites with sending a report in the form of SMS, e-mail, Twitter records, etc., depending on the type of your account.
Price: Free to $ 95 / year
Requirements: N / A
Link:
aremysitesup.com
Google Analytics is a site attendance analysis system and provides easy-to-use features for this purpose. Automatic generation of reports, giving others access to view statistics or manage, view statistics in graphical form and much more.
Price: Free
Requirements: JavaScript, Flash
Link:
www.google.com/analytics
Although Mint is a traffic statistics application that is installed on the client’s server, it is very similar to Google Analytics. Includes a graphical representation of statistics, etc.
Price: $ 30 per license
Requirements: JavaScript, Apache, MySQL and PHP
Link:
haveamint.com
Pingdom Tools is a toolkit for testing page load times, ping and tracing tools. You will receive a lot of useful information about the work of the site, errors during testing, etc.
Price: Free
Requirements: JavaScript
Link:
tools.pingdom.com
clickdensity is another type of website analysis application that provides the ability to analyze user clicks, search and other usability features. View click heat maps and other reports to improve your site's interface.
Price: Free to $ 400 / month
Requirements: JavaScript
Link:
www.clickdensity.com
CushyCMS is a completely different content management system that does not require installation on your server and is easy to use. So you will not need to teach customers how to use it. It is ideal for non-programmers and very fast to develop.
Price: Free to $ 28 / month
Requirements: JavaScript
Link:
www.cushycms.com
Like CushyCMS, LightCMS is a simplified content management system that does not require installation and is easy enough to use for non-programmers, customers, and designers. Includes hosting and all the necessary tools to manage the site.
Price: Free to $ 99 / month
Link:
www.speaklight.com
Springloops is a source code management tool. Designed for development teams that work remotely from each other. Easy to operate and has many different functions.
Price: Free to $ 96 / month
Requirements: JavaScript
Link:
springloops.com
Box.net provides a simple yet rich file management interface. But this application is not a simple file sharing system, it also makes the workflow easier.
Price: From free to $ 15 + per user per month
Requirements: JavaScript
Link:
box.net
Like Box.net, drop.io focuses more on workflow, file sharing, and file management. Collaboration in real time, fax, twitter, telephone (voice mail, conferencing, etc.) and much more.
Price: From free to $ 10 for 1 GB per year
Requirements: JavaScript, Flash
Link:
drop.io
Dimdim is a powerful web conferencing system that does not require downloading any software.
Price: Free
Requirements: Flash
Link:
www.dimdim.com
Jumpchart is a good intermediary between customers and developers. It greatly simplifies the creation of the concept of a future project, the confirmation and acceptance of work as well as the workflow. Collaboration, creating frameworks and more in a visual and user-friendly interface for developers and their clients.
Price: Free to $ 50 / price
Requirements: JavaScript
Link:
www.jumpchart.com
Remember The Milk is a simple to-do list and task management service. Works with Google Calendar, Twitter, Gmail, iPhone, Android, etc. It is simple, but at the same time flexible.
Price: Free to $ 25 / year
Requirements: JavaScript
Link:
www.rememberthemilk.com
Domai.nr is another simple but useful tool. Just search for domains by keyword and get a stock report and creative tips. After that, review additional links for registrars and tools, such as WHOIS.
Price: Free
Requirement: JavaScript (for AJAX)
Link:
domai.nr
If you are still not familiar with Twitter, then I highly recommend doing it. This is one of the best communication tools for designers and developers. Although there are many different Twitter clients, Twitter.com is always fast, reliable and easy to use.
Price: Free
Requirements: JavaScript (for AJAX)
Link:
twitter.com
Zoho is a competitor to Google Apps (see below) and offers many web applications for almost all needs. With Zoho, you can use e-mail, edit documents, make web conferencing, invoice, etc. The link provided below will open the entire list of services provided.
Price: Free to $ 3 + / month
Requirements: Depends on the application used, usually just JavaScript
Link:
www.zoho.com
Google offers many web applications, including e-mail, document editing, RSS, calendar, creating 3D models and much more. If you are not familiar with these services yet, I advise you to familiarize yourself with Gmail, Docs, Calendar, Picasa and Reader, or simply browse the entire list of applications (http://www.google.com/intl/en/options/#utm_medium=et&utm_source=catch_all ).
Price: Free
Requirements: Depends on the application used, usually just JavaScript
Link:
www.google.com/apps