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..
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.
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).
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.
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.
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.
Requirements: PHP, ImageMagick
Compatibility: Mozilla, Internet Explorer
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).
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).
Stripemania is a free web application for creating stripe patterns with ease.
It enables you to add up to 5 colors with different gradients & define the background, orientation and stripe/spacing widths.
The generated images can be downloaded as PNG or transparent GIF files.
Also, stripes generated by other users can be viewed & downloaded.
myFontbook is a free web-based service that enables anyone to browse their font collections.
It can be used with or without registering (free), but by signing in, you can tag & categorize your fonts for reaching them quicker in the future.
A custom text can be displayed with all fonts in both swatch & list views. Also, gylphs view allows you to quickly scan characters and symbols.
The font metrics view displays guides to show default kerning, text baseline, and median height. And, a selected font can be printed easily with several style samples by the click of a button.
Requirements: No Requirements
Compatibility: All Major Browsers