Design Vitality

In today’s busy world it can be hard to be tied down to one computer. With web based applications becoming so advanced it is now possible to still get work done anywhere there is a computer without installing any software. From image editing to Word documents, you can do it all online.

Here are 40 excellent web based tools to help you design from anywhere:

Online Image Editing

1. Project Draw
   Project Draw is an online sketch tool from the makers of AutoCAD and Revit.
2. Resizr
   Resizr allows users to upload a picutre (currently .jpg format only) and have it resized for them. The site also has a Firefox plugin.
3. Splashup
   Splashup is a Photoshop-esque Flash based online image editing tool. Very easy to use and pretty powerful too.
4. Navigation Tab Menu Generator
   Love tabbed navigation? Use this to create rounded buttons in a snap!
5. Web 2.0 Free Logo Generator
   This online Web 2.0 logo generator is great for quickly creating trendy titles.
6. Web 2.0 Logo Creatr
   Another web 2.0 style creator. The image is stored on the site’s server so no need to ftp anything.
7. Spiffy Text
   Choose a font style, choose a background and then admire your online-created logo!
8. Gliffy
   Gliffy is an online competitor to Microsoft Visio.
9. Picnik
   Picnik is a powerful online image editing tool. You can do things like crop, sharpen, resize and even more.
10. FotoFlexer
    FotoFlexer clains to be “the world’s most advanced online image editor”. It allows you to open images from MySpace, Facebook and more and directly edit them online.

Online Code Generators

11. Xinha
    Xinha is a WYSIWYG editor for use online. It can be integrated into any kind of project.
12. CSS Generator @ Advanced HTML For Beginners
    This online CSS generator allows you to create a CSS file for your body tag, links and even header area.
13. Layout Generator @ CSS Creator
    Use this CSS creator when first creating a new site.
14. CSS Generator @ CSS Creator
    After getting the site going, use this tool to add style to your text.
15. CSS Source Generator @ Position is Everything
    The people from Position is Everything give us another CSS generator. This one gives you a large amount of control and even generates code for faux columns if you like.
16. [listulike] CSS Generator
    Use this CSS generator to create cross-browser list-based navigation bars.
17. Font Tester
    Use this service to see what your font choice will look like in paragraph form. You can specify line-height, font-weight, font-variant and even more.
18. WYSIWYG HTML Image Map Creator
    Upload an image and use this AJAX powered WYSIWYG tool to create image maps.
19. ColorSchemer
    ColorSchemer is very handy for web designers. Select a starting color and ColorSchemer will choose colors that go well together.
20. QrONE CSS Designer
    Another online CSS generator that shows the results as you select your options.

Online Collaboration

21. Google Docs
    Use Google to create spreadsheets, documents and even presentations completely online.
22. ajaxWrite
    AjaxWrite is an online word processor.
23. ThinkFree
    ThinkFree calls itself the “free online alternative to Microsoft Office”.
24. ZOHO
    Zoho has a wide collection of software online, including a word processor, notebook, wiki and a presentation system.
25. Backpack
    The team at 37signals brings us Backpack. This software allows you to organize photos, make lists, attach files and basically anything else you can think of online.
26. Basecamp
    Basecamp is project management software from 37signals. This online tool allows you and a team to collaborate on projects and assign duties to individuals.

Online FTP Tools

27. net2ftp
    net2ftp is a web based FTP client. If you’ve ever used an online FTP tool before this should be very comfortable.
28. File Manager in cPanel
    Mosts webhosts these days are running cPanel. cPanel comes with something called “File Manager” which is a web-based FTP program.
29. FTPLive
    FTPLive allows you to FTP items to your server entirely free of charge.

Online File Storage

30. Flickr
    Flickr is an online photo storage server. The free version allows up to 100MB a month of uploads, while the payed service gives you unlimited space and uploads. Flickr also allows you to edit your photos online.
31. BubbleShare
    BubbleShare is another online photo storage service, similar to Flickr.
32. 23 Photo Sharing
    Another competitor to Flickr is 23.
33. Drive Headquarters
    DriveHQ has a large number of free features including online file storage, online backup, ftp hosting and email hosting.
34. GMail Drive shell extension
    GMail Drive shell extension allows you to map GMail as a hard drive on your computer. Use your 6gigs for anything you want.
35. MediaMax
    MediaMax is an online file storage service that gives you 25 GB for free.

Other Useful Tools

36. XML-Sitemaps.com
    Use this awesome website to create sitemaps for Google, Yahoo and more.
37. ROR Sitemap Generator
    Another sitemap generator that generates ROR sitemaps. Can be submitted to sites like Yahoo.
38. S5: Simple Standards-Based Slide Show System
    Eric Meyer has created the ability to make a PowerPoint style presentation using only XHTML, CSS and JavaScript.
39. Remember The Milk
    Remember The Milk is a very useful website for keeping track of items still needing to be done.
40. CSSFly
    CSSFly allows you to edit sites online and view the results as you go.