The Best Web Apps for Web Designers and Developers of 2011

Disclosure: We are a professional review site that receives compensation from the companies whose products we review. We test each product thoroughly and give high marks to only the very best. We are independently owned and the opinions expressed here are our own.

13 Flares Filament.io 13 Flares ×

As a designer and general lover of software and technology, I am always looking for new ways to make my life easier. When it comes to design and blogging, its no different. Lately, I have noticed that all these great programs can be resource hogs. They take up so much space and some of them I may only use three or four times a year. With that in mind, I am always on the look out for web applications that will do the same thing or better than what desktop apps can do.

Over the last year, I have found many great web apps and I use some of them everyday or whenever I can. So today, I wanted to share with some of the best web apps for web designers and developers. Some of these great web apps can be used in almost any profession, the rest can be used by anyone who needs a little extra help in the design area.

20 of the Best Web Apps for Web Designers and Developers

DropBoxDropBox

Dropbox is an easy to use tool for backing up your files, videos, and music. You can get 2gb for free but if you need more you can always purchase more space. Right now, I only use the 2gb and its mostly storing important documents that I need to access when I am away from my computers. But I always use it to sync those same files across 4 computers. Image Source: Dropbox

SpiderScribe.net

SpiderScribe.net SpiderScribe is a brainstorming tool that helps you in your design process by using mind mapping. With SpiderScribe, it uses mind mapping to organize your ideas and connecting them to things such as your notes, files, and events.

Subtle PatternsSubtle Patterns

Subtle Patterns is a collection of high quality patterns you can use for background and they are free. I have found several great patterns and have plans for several others in future projects. 

dochubdochub

dochub is a new to me resource for checking CSS, HTML, JavaScript and DOM elements and definitions. I use it a lot figure out how to code things. I’m not good at remember every piece of code out there. So if I am trying to code something that I normally do not use, I have to look for the code to add to the project. Dochub makes it quick and easy to find what I am looking for.

CSS3 Click ChartCSS Click Chart

CSS3 Click Chart is a cheat sheet that lists some of the most popular CSS3 properties with a description of each property, example, and the syntax (code) to add it to your project.

EvernoteEvernote

Evernote is a great tool for capturing everything at any moment. If you take a lot of notes, surfing the web and you want safe a site link and write a little about it you can. You can take pictures of labels, whiteboard notes or anything else, you can save it there. Then Evernote makes it easy for you to find it and access from any device.

Profitability

Profitability Online  planning Profitably is an online tool for planning and measures your profits.

Mintmint

Mint is a free alternative to Quicken. Its an online version and it will pull all your financial accounts and put them in one place so you can see everything. This another tool that isn’t a web design tool, but it’s a great alternative for tracking finances, If you aren’t tracking your personal and business money, you could be in for a surprise.

Manifestedmanifested

Manifested  is a new utility for getting a jump start on converting your existing web site to work offline using HTML5′s cache manifest.

Manifested scrapes a website for images, stylesheets, and JavaScripts that you may want to cache.

Manifested then gives you a custom cache manifest file as a starting point for upgrading your website to support offline functionality.”

Color PilgrimColor Pilgrim

Colorpilgrim is tool for creating color palettes. What makes this site different from the others site like it is that you have more than one way to create color palettes. You can use the ColorClipper bookmarklet to select colors from websites and you can even upload images so you can find the right color palette for the project. If you are interested what other other color palette tools that are available, check out the article I wrote about color palettes and what the bests ones are.

Repl.itreplit

Repl.it creates an online test environment so you can test different programming languages. You get a fully functional emulator and code editor.

FormBakery FormBakery

FormBakery is a web tool that cuts down on the time-consuming part of creating forms. Simply drag and drop the elements into the form. I do find the options are limited. But at least it builds the basic form for you. Once you export the code, you can go back and add whatever you need to complete the form.

Wufoowufoo

With WuFoo you can create forms, invitations and surveys. Wufoo provides more options, but it does cost to use those features. There is a free option.

Google DocsGoogle Docs

If you have a Google Profile, then you have access to Google Docs. Google Docs is a place to store your documents, read them, edit theme, and create new ones. You do not even need a word processor or spreadsheet programs. Google provides a stripped down online version for you. This tool comes in handy for me because, every time someone sends me a document and I open it, it saves it. So if I ever misplace the file, I have saved in my Google Docs.

Timeslot

Timeslot

Timeslot makes it easy to add items to your schedule. It will automatically create start and end times for each entry, so when a change is needed, everything that needs to update, will.

QwickVuQwickVu

QwickVu is an easy way for web designers share their mock-ups with the clients With QwickVu, you can eliminate those endless mock-up emails to and from clients that can take days to move to the next step in the project.

Draftestdraftest

Draftest“The goal at this stage is to create a list of inspirations that are thematically related to the design project. Such a list should include examples of various styles and techniques in order to allow the customers to choose from them, rate and comment the projects they like the most. The draftest summary allows designers to quickly understand customers’ expectations.”

Visual.lyViual.ly

Viual.ly is a new site for sharing infographics it even has tools to create your own infographic (available soon). In the labs you can enter your Twitter name and it will create an infographic based on your Twitter habits.

Hootsuite hootsuite

Hootsuite is a social media dashboard that integrates several different social networks and is always adding more features. Hootsuite runs over the web and has smartphone apps. Even though this isn’t really a designer tool, it is an important tool for networking, find new resources, and building your brand. If you aren’t using social media to market your brand, then you are loosing out.

Fulcrumscreenshot

Fulcrum is an agile project management tool. It provides a real time overview of your project plan (product backlog), instantly adjusting the project plan based upon your team’s prior performance.”

EvolutionaryDesigns.net runs on the Genesis Framework

Genesis Framework

Genesis empowers you to quickly and easily build incredible websites with WordPress. Whether you're a novice or advanced developer, Genesis provides the secure and search-engine-optimized foundation that takes WordPress to places you never thought it could go. It's that simple - start using Genesis now!


Take advantage of the 6 default layout options, comprehensive SEO settings, rock-solid security, flexible theme options, cool custom widgets, custom design hooks, and a huge selection of child themes ("skins") that make your site look the way you want it to. With automatic theme updates and world-class support included, Genesis is the smart choice for your WordPress website or blog.

About James

James spends most of his free time using social media and loves to teach others about design, web development, CSS, SEO, and social media. He is addicted to Wordpress, social media, and technology. You can reach him on his, personal website, Do not forget to follow him on Twitter @element321

Comments

  1. Nice advice, I am a avid dropbox user (moved over from syncplicity) and there is nothing like the peace of mind you get with that app/tool. When I get a blue screen or even, as yesterday, when the pc totally dies I dont worry that all lis lost anymore!

    I will have to check out some of the others on your list.

  2. I am happy with Hootsuite , I already using it!

Leave a Reply to Singapore Design Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

13 Flares Twitter 13 Facebook 0 Pin It Share 0 Buffer 0 Email -- Filament.io 13 Flares ×
%d bloggers like this: