CSS galleries are beautiful resources for getting inspired & promoting the websites we created.

In order to submit websites to these galleries, you need to:

• have a list of the galleries
• know which ones are more popular
• browse all of them one-by-one

MeeCSS is a free web-based application which eases this process. It is not an automated submission system which would not be ethical.

It simply asks you to fill the information that will be required (name, e-mail, website address, etc.) & with the help of an iframe, you can submit to the galleries one-by-one by copy-pasting the fields you had filled.

It also displays to CSS galleries sorted by pageranks & enables you to select which galleries to submit.

P.S. it would be much easier if the selected fields were auto-selected (or better: auto-copied).

Pictaculous is a free web-based service which generates the color palette of an image you upload.

And, it provides color palette suggestions from Adobe Kuler & Colourlovers which can be used with the image.

Once the color palette is created, it can be downloaded as an Adobe Swatch file.

Pictaculous also enables you to send the image & get results via e-mail (which is nice for using the service in phones).

There are various web-based image editors that help a lot specially when you do not have the right image editing software with you.

AIE, an open source Ajax image editor, is one of them but with a difference: it can be installed under your websites.

So, besides using it as a standard image editor, it can be integrated with other applications you use (like image galleries, blogging apps., etc) by simply setting the "images folder" of these applications.

AIE has great features like:

• resizing images
• cropping images
• rotate/flip images
• apply filters
• add text with a text tool
• apply watermarks & more..

It is built with Ext JS & uses PHP+ImageMagick on the server-side. For a demo, click here.

PXtoEM.com is a website that makes converting PX values to EM values easier.

Conversions are based on 16px browser default size & you simply:

• Select your body font size
• And get the conversion
• Or, manually enter PX or EM values to get custom conversions.

The CSS file of the values you’ve choosen can be get based on the typography.css portion of Blueprint CSS to setup a default typography.

Favicons are one of the must-haves of websites.

They help making:

• a website unique
• easier to differenciate between tabs
• easier to find in bookmarks..

favikon is an easy to use online favicon creator.

You upload an image, if the image uploaded is bigger than a standard favikon size, you can crop it & that’s it.

HTML-Ipsum is a website presenting "Lorem Ipsum" text in HTML format.

It can also provide Mac-friendly outputs with:

• Coda clips
• Textmate bundles
• Menu bar app.

Several types of content is provided like:

• Long-medium paragraph, one sentence
• Unordered list – short/long items
• Ordered list – short/long items
• And a combination (with extras).

One feature that would be great is the possibility to switching to the "design-view" (although presenting the HTML is the main aim).

Lorem2 is a very simple website with an useful content.

It presents lorem ipsum content in various formats:

• short paragraphs
• long paragraphs
• short lists
• long lists

You may also like a previous post at WebResourcesDepot: Lorem Ipsum Generators.

Feng-GUI is a free web based service that enables you to view: "which areas of an UI is getting the most attention when an user looks at it in 5 seconds".

With an artificial intelligence behind, the service generates a heatmap over an image uploaded.

Generated heatmap’s opacity can be changed for a better view & can be viewed in a bigger modal window or downloaded.

Feng-GUI is very handy to get another thought -about a user interface designed- other than the collagues, customers..

CSS Grid Builder is a web tool which can create standards-compliant grid layouts with a few clicks.

Outputs are generated with the powerful Yahoo! UI Library: Grids CSS which offers pre-built templates & page layout combinations.

YUI Grids CSS:

• Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number.
• Supports easy customization of the width for fixed-width layouts.
• Flexible in response to user initiated font-size adjustments.
• Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).
• Self-clearing footer. No matter which column is longer, the footer stays at the bottom.
• Layouts less than 100% are automatically centered.
• Accommodates IAB’s Ad Unit Guidelines for common ad dimensions.
• Offers full A-grade browser support.

CSS Grid Builder is a quick solution specially for Yahoo! UI Library users or web developers who are better in coding rather than design.

Tag Clouds, which has a positive seo effect for websites + increases the usability of websites in many cases are normally generated dynamically.

You may want to create a static tag cloud or see the keyword density of a website – file – text input as a tag cloud.

TagCrowd

TagCrowd is a web-based service which visualizes the keyword density of an input as a tag cloud (text cloud – including the css & html).

Here is the tag cloud of WebResourcesDepot homepage:

Supported Inputs:

• website url address
• text file
• text itself

Tag Cloud Generator

Tag Cloud Generator can call tags from an URL address or tags can be mentioned manually to create the static tag cloud

Supported Inputs:

• website url address
• text itself

Tag Cloud Generator has an easy to use interface with font size, color & other customization options.

tagCloud.de

tagCloud.de is aslo a simple to use tag cloud generator offering less customaziton options. On the other hand the standard tag cloud generated has a nice look.

Supported Inputs:

• website url address
• text itself

Rainmaker

This tag cloud generator has a handy option which lets you exclude the words you want. Besides this you can define font settings per keyword frequency too.

Supported Inputs:

• website url address
• text itself