Posted: April 28, 2010 in Uncategorized



30 Useful Web-Based Applications for Designers

Posted in ResourcesApr 27, 10 | 10:18 am


A web application is an application that is accessed via a web browser over a network. They may also mean a computer software application that is hosted in a browser-controlled environment or coded in a browser-supported language (such as JavaScript, combined with a browser-rendered markup language like HTML) and reliant on a common web browser to render the application executable.

With the help of these free web-based online applications you can make your work even easier than before.

Web based applications are good alternatives to costly software for sure. Instead of buying costly software , you can make use of these online tools to do your design and development work.

Nothing can be more useful than handy tools you can use in your design process. Whether you’d like diagramming application, photo editing, format or optimize CSS code, generate patterns- you can use dozens of tools to make your life easier.

These Useful web based applications for every designers can to help you accomplish tasks such as color palette selection, creating unique fonts, editing images, and testing typography. You are welcome to share your favorite tools if you know about any free web based application which our readers may like.

Color palette

Essential color scheme palette where you select the RGB values and get a set of color schemes for your website designs.


A brand new interface, as well as the engine, all rewritten from the scratch. Rapidly increased precision and color space conversions, better preview, enhanced scheme creation system, unique scheme IDs and permanent URL of the scheme.


Choose the right clors for your website layout designs this is the best and useful tool.

Adobe Kuler

Where you can browse and create color themes. The web-hosted application for generating color themes that can inspire all projects. No matter what you’re creating, with Kuler you can experiment quickly with color variations and browse thousands of themes from the Kuler community.


ColorJack is an online Color Scheme Generator used by Graphic Designers, Interior Decorators, and many other people from around the world.


Dailycolorscheme for your daily color resource. You can select a new scheme every day and with lots of schemes in the archive.


ColorToy 2.0 is a Flash based color scheme generator and picker. It generates complementary color schemes based on your inputted color values or randomly.


Useful tools for CSS related.Using these tools web designers can rule the website communities.

Inline CSS(Mailchimp)

An email campaign, you know that if your CSS is not coded inline, it is likely to get stripped out by email clients, which can make your email design pretty funky looking. Writing CSS inline can be time consuming, and repetitive. MailChimp has a CSS inline conversion tool built right in that will automatically transform all of your local styles into inline styles. Designers have found it so useful, we thought we’d share it with everyone else – even if you don’t have a MailChimp account.


A CSS style generator with text


An online CSS Formatter and Optimiser.It has many compression types too for code layout.



Create professional looking CSS menus for your Website as easy as never before.Build your cool menu online, without writing a single line of code.It’s easy to use, Online Menu Builder, which allows you to build your CSS & DHTML menu in minutes.Choose from dozens ready styles or create your own menu style. IzzyMenu, online menu generator is the best solution for amateurs and professionals


Typography is a main aspect of a design.It creates the mood and solicits emotion about the design. Working with typography can be challenging, but fortunately, there is a plethora of free tools on the web that can help you work with type.


CSS Type Set is a hands-on typography tool allowing designers and developers to interactively test and learn how to style their web content.


TYPECHART lets you flip through, preview and compare web typography while retrieving the CSS.


FontStruct is a free font-building tool brought to you by the world’s leading retailer of digital type, FontShop.Lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks.


Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.

Dummy text generators

Dummy text or sample text is very important for web and application developers. They use dummy text and figures as test data as they concetrate on design and other important aspects of projects.


This handy tool helps you create dummy text for all your layout needs.


A text tool that generates dummy text, with a limited set of characters, for English, French, German, Spanish, Portuguese, Catalan, Russian and Greek.

Background patterns


Web based tiled backgrounds designer, create any pattern your site needs just for few minutes. Adjustable size, pictures, colors, texture and transparency.


A free seamless pattern background resource for designers.You can add your own colors to contemporary and retro pattern designs, or browse from thousands of pre-colored patterns from their archive.


Tartan Maker – the new trendsetting application for cool designers. a free tool for the webdesign community.

Other tools

Some more common tools for designers like strpe generators,Fav icon generators,Ajax Loaders etc.


Dabbleboard is an online collaboration application that’s centered around the whiteboard. With a new type of drawing interface that’s actually easy and fun to use, Dabbleboard gets out of your way and just lets you draw.


Aviary is on a mission to make creation accessible to artists of all genres, from graphic design to audio editing.

Stripe generator


Stripemania is a simple and free web 2.0 tool to create seamless diagonal stripes for your designs. You are able to choose the size of the stripes and the spacing between those. You can even add color gradient effect for all of your stripes.


FreshGenerator is a webdesign tool which can create interesting graphic elements used in many web 2.0 sites. You may use it to create boxes of different styles and colors.


Cacoo is a user friendly online drawing tool that allows you to create a variety of diagrams such as site maps, wire frames, UML and network charts.Cacoo can be used free of charge.


The grid system generator will create custom grid systems in valid css / xhtml for rapid prototyping, development and production environments.

Favicon is a tool to create or download favicon.ico icons, that get displayed in the address bar of every browser.



Free animated loading gif preloaders generator for AJAX loading.


Splashup is the only full-featured, free range, image editor online. Create new images, edit existing images and manipulate layers with filters.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s