30 Useful Web-Based Applications for Designers

Posted in ResourcesApr 27, 10 | 10:18 am

livefordo

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.

Colorschemedesigner

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.

Colorspire

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

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

Dailycolorscheme(beta)

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

Colortoy

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.

CSS

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.

Csstxt

A CSS style generator with text

Codebeautifier

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


Menu

Izzymenu

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

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.

Csstypeset

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

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

Fontstruct

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

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.

Blindtextgenerator

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

Adhesiontext

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

Bgpatterns

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

Patterncooler

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.

Tartanmaker

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

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

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

Stripe generator

Stripemania

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

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

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.

Gridsystemgenerator

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

Favicon

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

Genfavicon

Preloaders

Free animated loading gif preloaders generator for AJAX loading.

Splashup

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

Share:
  • del.icio.us
  • Digg
  • Sphinn
  • Facebook
  • Mixx
  • Google Bookmarks
  • Design Float
  • DZone
  • StumbleUpon
  • Twitter

Author: livefordo
This article is narrated by Sivakumar. Photography and design lover.I love these two essential things more than my web developer job.So only i have launched Pokkisam Follow me in twitter to get interesting things in photography and design >>pokkisam

inspiring commentary

avatar

April 28th, 2010 at 10:17 amw1sh

Thanks for this! I never knew about Cacoo, but I’m testing it out now and it’s awesome!

Thanks again man!


avatar

April 28th, 2010 at 10:57 am[User Link:30 Useful Web-Based Applications for Designers] | Tips for Designers and Developers | tripwire magazine

[...] 30 Useful Web-Based Applications for Designers [...]


avatar

April 28th, 2010 at 12:45 pmWhitezine

Indeed, these are useful. Thank you for the share. Bookmarked


avatar

April 28th, 2010 at 5:36 pmKevin Fitz

Found a great number of applications on this list to be very enlightening and useful. Especially the Fonstructor, Color Scheme Designer, Grid System Generator, CSS Inliner tool from MailChimp. Thanks for this post!


avatar

April 29th, 2010 at 1:27 amWeb development London

Wow, I got good information by seeing your article. thanks for sharing very useful information. i can bookmark into delicious.


avatar

April 29th, 2010 at 5:03 am[Web] 連結分享 - 傑夫碎碎唸-有線電視、漫畫、PHP、Pushmail、Blackberry

[...] 30 Useful Web-Based Applications for Designers [...]


avatar

April 29th, 2010 at 7:01 amSimon

Thanks for research! Check also Faary.com, online CSS/XHTML form generator and this template builder – which as soon as it’s in public it may be very useful too.


avatar

May 2nd, 2010 at 8:01 pm30 Useful Web-Based Applications for Designers | Dev Loom

[...] 30 Useful Web-Based Applications for Designers Via / CSS Globe [...]


avatar

May 4th, 2010 at 10:31 am30 Useful Web-Based Applications for Designers | Design Newz

[...] 30 Useful Web-Based Applications for Designers [...]


avatar

June 5th, 2010 at 9:33 amFlinn

thnx a lot for such nice apps.bookmarked


avatar

June 16th, 2010 at 12:26 pmTop Ten (plus one) Re-Tweets of the Week #14 | Design by Firgs

[...] it belongs to the world. But if you ever find yourself in a situation where you want out – consider this article as your escape plan. Very good information to [...]


avatar

June 19th, 2010 at 3:59 amJavascript TreeGrid control | WebDesignExpert.Me

[...] 30 web based applications useful for web designers – Link. [...]


avatar

August 4th, 2010 at 3:57 pm40 Premium Web Design Resources Bookmarked This Year

[...] 30 Useful Web-Based Applications for Designers [...]