Clicking on a particular font takes you to a page where you can preview the font with your own text and rate. The additional info such as font size, ratings and the number of downloads is also shown.

Features:

• Free fonts collection.
• Lists over 20,000 downloadable fonts.
• All fonts are organized into categories.
• Search fonts and browse by tags.
• Free and no sign up.
• Also see earlier MakeUseOf article, 5 Sources To Download Free Text Fonts“.

Check out AceFreeFonts @ www.acefreefonts.com

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• Typekit: Online Font Library For Your Website
• Typedia: Online Encyclopedia Of Typefaces
• FontBurner: Add Fonts To Your Website
• YourFonts: Creating Fonts Online From You Own Handwriting
• WhatTheFont: Recognize the Font from any Image

Once you have selected a font set, you can customize it using provided online editor to a desired size and weight. Then it is just a matter of putting the appropriate code in your CSS file to get the font display on your site.

This tool can change how web designers use fonts. Designers are currently limited to images and Flash to come up with visually pleasing designs. But with Typekit, web designers can have access to a large selection of premium fonts without the legal clout. And since text is more usable and indexable than images and Flash, this tool will free up a lot of things that designers couldn’t do before.

The site provides free and paid accounts. The free account supports more then 200 free fonts, but comes with 5 GB bandwidth and 2 fonts per site limit.

Features:

• Mix and match fonts before adding them to your website.
• Try any font with any text that you want.
• Tag-based navigation makes it easy to find fonts.
• Kit editor lets you preview your fonts before applying them to your website.
• Advanced style control allows you to change the weights and styles of your font.
• Fonts are hosted in redundant servers for a guaranteed 100% uptime.

Check out TypeKit @ www.typekit.com

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• Typedia: Online Encyclopedia Of Typefaces
• FontStruct : Create and Share Text Fonts
• FontBurner: Add Fonts To Your Website
• Fawnt: Free Text Fonts
• AceFreeFonts: Free Font Archive

Each test runs from a server location that you specify. You can choose a browser and network configuration, set-up the various test options such as number of runs, parallel browser connections, HTTP basic authentication, scripting, and block request.

You can also check your pages’ load performance against the provided optimization checklist. Pagetest does a great job of breaking down the elements within your pages while measuring their load speed. This is handy if you want to know what slows up your webpages.

Features:

• Run your website through various page load scenarios.
• Page test results are available for first view and repeat view.
• View and compare your page load results against an optimization checklist.
• Breaks down the load speed of different elements in your website.
• Similar tool: WebSite Speed Test and WebWait.

Check out WebPagetest @ www.webpagetest.org

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• WebGraficMaker : Create Backgrounds, Lines and Bulleted Points
• ViewLike.us: Test Website In Different Resolutions
• Usabilla: Website Usability Testing Tool
• TheButtonEffect: Online Button Creation Tool
• PatternCooler: Design Cool Background Patterns for your Site

Using its drag and drop interface, you can quickly create website mockup before you actually start designing it. It has all the necessary user interface elements like text boxes, search bars, buttons and much more. Create different mockup pages and link them together. Automatic resizing of text when the boxes are resized. Also preview them and share with clients easily.

Features:

• Online website wire framing and mockup sharing tool.
• Clean interface. Drag and drop elements easily.
• Preview and share the mockups in one click.
• Share mockups with others and get their feedback.
• Create multiple mockups and link them.
• Similar tools: MockFlow and iPlotz.

Check out Mockingbird @ www.gomockingbird.com (by Abhijeet from Jeet Blog)

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• WebGraficMaker : Create Backgrounds, Lines and Bulleted Points
• TextureVault: Free Textures For Artists & Designers
• TextureKing : Free High Quality Texture Photos
• Online Icon Maker : Create and Edit Favicons Online
• MockFlow: Create User Interface Mockups Online

Usabilla offers an easy way to quickly collect visual feedback on a webpage, mockup, sketch or an image. It has a nice interface with clear instructions on how to get the user feedback.

Here’s how it works:

1. The developer creates a test in the tool.
2. He then selects webpages to run the tests on and that will be shown to the users.
3. Then he selects the questions to be asked. He can also create his own questions.
4. Next step is to invite the users to answer the questions and give feedback.
5. Finally, he can go through visual statistics and analyze the results.

A nice thing about this tool is that visitors can give feedback right on the page they are at. They could write notes, mark the things they don’t like etc, right on top of the mockup, image or the webpage. Also, as you can see in the screenshot above, the statistics are presented visually in forms of heatmaps and other such methods. You can also easily export the data in CSV, XML or plain text.

Check out Usabilla @ www.usabilla.com (by Abhijeet from Jeet Blog)

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• FiveSecondTest: Test Your Website’s Effectiveness & Usability
• WebPagetest: Test Load Speed Of Your Website
• WebGraficMaker : Create Backgrounds, Lines and Bulleted Points
• ViewLike.us: Test Website In Different Resolutions
• TheButtonEffect: Online Button Creation Tool

The site is only in French, however it’s really easy to find your way around. You can search for icons using related keywords or browse by categories.

You can also tweak the color behind the icon and preview how it looks on different backgrounds.

Features:

• Lists around 15,000+ high quality icons.
• Icons are available in different sizes and in PNG / ICO formats.
• Search and browse icons by categories (Twitter, Rss, Apple, Facebook… etc.)
• Completely free and no sign up.
• Similar sites: IconFinder, Iconza and IconPot.

Check out Icones.Pro @ www.icones.pro (via Tecnopassion)

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• IconPot: Cool Icon Collections
• IconFinder: Great Resource For Finding Icons
• WebPagetest: Test Load Speed Of Your Website
• WebGraficMaker : Create Backgrounds, Lines and Bulleted Points
• ViewLike.us: Test Website In Different Resolutions

The LiveBannerMaker makes the entire process of creating website banners a cakewalk.

Features:

• Easily create website banners online.
• No sign up required to create and download banners.
• Add custom backgrounds and effects. Also upload images to the banner.
• Share your banner across various social networks directly from the site.
• Also see our recent post “How To Make Your Own Banner For Your Website“.

Check out LiveBannerMaker @ www.livebannermaker.com (By Abhijeet from Jeet Blog)

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• OnlineBannerGenerator: Free Online Banner Maker
• BannerFans: Free Banner Making Tool
• AnimationOnline: Instant Ad Banner Generator
• Web2.0Badges: Web Badge Generator
• GIFmake : Online GIF Maker Program

Simply click on your preferred dummy text to see it on the right side. You can increase/decrease the size of the text by the number of words or characters and/or divide the text into paragraphs. In advanced options, there are settings to adjust font family, font size, style and more.

Features:

• Dummy text generator.
• 10 different dummy texts available.
• Option to increase/decrease the size of text by number of words or characters.
• Divide text into paragraphs.
• Similar tools: Lorem2 and AdhesionText.

Check out BlindTextGenerator @ www.blindtextgenerator.com

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• AdhesionText: Dummy Text Generator
• YourFonts: Creating Fonts Online From You Own Handwriting
• WebPagetest: Test Load Speed Of Your Website
• WebGraficMaker : Create Backgrounds, Lines and Bulleted Points
• ViewLike.us: Test Website In Different Resolutions

The mockups created are clickable and navigable, they can be quickly shared with clients, pages can be added, renamed, deleted and exported as png, jpg or pdf. Plus you could collaborate with other users on your mockups and create projects.

The site supports free and paid account options. The free account lets you have 1 project at any given time with a limit of 5 wireframe pages.

To find out more see video below:

Features:

• Quickly create and share website wireframes.
• Simple, drag and drop interface. Built on Adobe AIR.
• Get feedback from client. Collaborate with him on the mockups.
• Click and navigate through the mockup easily.
• The site supports free and paid account options.
• Similar websites: MockFlow.

Check out iPlotz @ www.iplotz.com [via ReadWriteWeb] (by Abhijeet from Jeet Blog)

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• WebGraficMaker : Create Backgrounds, Lines and Bulleted Points
• TextureVault: Free Textures For Artists & Designers
• TextureKing : Free High Quality Texture Photos
• Online Icon Maker : Create and Edit Favicons Online
• Mockingbird: Create Website Mockups Online

Textures are available for free download in medium quality (which is suitable for website/blog and low resolution designs). If you want a better quality, you have to pay 2$ for high quality and 4$ for maximum quality resolutions.

Sign up for an account to add items to your lightbox, rate and leave comments. If you are a texture photographer, you can submit your work and get paid 60% of all sales made through the site.

Features:

• Free backgrounds and textures for designers.
• Over 2891 textures in medium, high and maximum quality.
• Download any texture in medium quality textures for free. Pay 2$ for high quality and 4$ for maximum quality resolutions.
• Submit your own textures online and get paid 60% of all sales made through the site.
• Similar resources: LoveTextures, GrungeTextures and TextureKing.

Check out TextureVault @ www.texturevault.net

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• LoveTextures: Hi-res Free Background Textures
• WebGraficMaker : Create Backgrounds, Lines and Bulleted Points
• TextureKing : Free High Quality Texture Photos
• GrungeTextures: High Quality Background Textures
• WhatsItsColor: Find the Average Color in any Image

The designer can upload the design and the client can mark the areas where he needs the changes and also add visual comments. There are many other tools in the interface which let you drag and drop stuff and zoom into the design. Designers could also get hired by clients after they see their portfolio.

Features:

• Webdesign collaboration tool for designers and their clients.
• Nice drag and drop user interface.
• Clients can leave visual comments and mark things they don’t like in the design.
• Get email notification when designer uploads a new version of design.

Check out RedMark @ www.redmark.com (By Abhijeet from Appscrazy)

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• Protonotes: Collaborate When Working With HTML Prototypes
• Zapproved: Web based Decision Making Tool
• YuuGuu : Free Desktop Sharing Software
• Yugma: Make Conference Calls & Collaborate With Others Online
• YourFonts: Creating Fonts Online From You Own Handwriting

Using the site is easy, simply add CSS code directly or get it from URL, then select options according to your needs and apply them by hitting “Process CSS” button.

Here is the list of things you can do:

- Sort and optimize selectors and their properties.
- Compress font-weight and colors.
- Remove unnecessary backslashes and semi-colons.
- Discard invalid properties.
- Compress code layout in 4 compression modes ranging between high readability and smallest file size.

The output result can be obtained as a CSS file or viewed online as optimized and formatted CSS code along with the invalid properties and compression ratio.

CleanCSS is not the only application that lets you optimize and format CCS online, MakeUseOf reviewed a number of similar tools in the pass as well, including Style Neat, CSS Compressor and some more in 11 Tools to Check, Clean & Optimize CSS Files.

Check out CleanCSS @ www.cleancss.com (by Srikanth AD from Techonaut )

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• TextSnip: Easily Share Formatted Text or Code with Others
• FriendPaste: Simple Text Sharing
• ByteSizeMatters: Measure the Byte Size of Text in CSS or JavaScipt Code
• ValidChecker : CSS, HTML and RSS Validator
• StyleNeat: Organize CSS Code Online

It provides you with options to choose between four compression levels, depending on the degree of compression you wish to have. Other compression options include removing unnecessary backslashes and semi-colons, compressing the font-weight and colors etc.

Just paste the CSS source code into the given box and click on the ‘compress’ button to get the compressed version of the code. Apart from the compressed code, it also provides you with the compression ratio and invalid properties in the code. It’s quick and easy to use.

Features:

• Compress CSS code.
• Remove unnecessary backslashes, semi-colons in CSS code.
• Options to compress the font-weight and colors.
• Free and easy to use, no sign up required.
• Similar Tools: Style Neat, ByteSizeMatters and some more.

Check out CSS Compressor @ www.csscompressor.com (by Srikanth AD from Techonaut )

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• ValidChecker : CSS, HTML and RSS Validator
• TextSnip: Easily Share Formatted Text or Code with Others
• StyleNeat: Organize CSS Code Online
• Repper: Tool For Creating Patterns Online
• PSD2CSS : Convert PSD Files (Photoshop Docs) to CSS

The application has a clean interface and editing feature-set is minimalistic and well organized. Simply drag and drop ’shapes and elements’ onto the whiteboard and then customize them by resizing and moving around. Is much faster than drawing designs manually, hence all possible custom components are already there.

There is also an option to collaborate on mockups with others.

Mockflow provides free and paid plans – A free plan lets you create as many mockups as you like and has limit of 4 pages per mockup, 10 MB storage, and 2 previewers.

To see MockFlow in action watch demo below:

Features:

• Easily create and edit website user interface mockups online.
• Share and collaborate mockups with others.
• Easy to use, has clean design and drag and drop interface.
• Export created design as a png image.
• Free plan lets you create as many mockups as you like and has limit of 4 pages per mockup, 10 MB storage, and 2 previewers.

Try out MockFlow @ www.mockflow.com (by Chinmoy @ Techarraz.com)

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• WebGraficMaker : Create Backgrounds, Lines and Bulleted Points
• TextureVault: Free Textures For Artists & Designers
• TextureKing : Free High Quality Texture Photos
• Online Icon Maker : Create and Edit Favicons Online
• Mockingbird: Create Website Mockups Online

FontTrainer provides a range of options that let you customize generated sentence variant, color highlighting and characters.

Features:

• Learn to recognize font type without using font identification tools.
• Generate random sentence and pick a correct answer for each font.
• Customize variant, highlighting and characters.
• Get additional hints by viewing help section.
• Similar tools: IdentiFont and WhatTheFont.

Check out FontTrainer @ www.ft.vremenno.net/en

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• YourFonts: Creating Fonts Online From You Own Handwriting
• WhatTheFont: Recognize the Font from any Image
• TypeTester: Tool For Comparing Fonts Online
• Typekit: Online Font Library For Your Website
• Typedia: Online Encyclopedia Of Typefaces

As an additional feature it can also produce rollovers with various effects (Desaturation, Sepia, Embossing, Flipping Horizontally/Vertically, Inverting) and give your website that missing look. The application makes use of HTML 5 features and generates valid CSS.

Using the site is really easy, simply chose your files, then optionally select rollover effect from drop-down list and click on “Create CSS Hover” button. This will generate a preview containing the original image and the transition image as seen in the image below. If you liked the results you can grab the corresponding CSS and HTML code.

Features:

• Create CSS sprites online.
• Optionally apply  automatic rollovers with various effects like desaturation, image flipping or sepia…  .
• Allowed image types : png, gif, jpeg and each file should not be greater than 5mb in size.
• Multi upload and batch processing supported.
• Lets you preview applied effect.
• The generated CSS are compatible with Mozilla, Chrome, Safari, Opera and IE  > 6.0.
• Free and no registration.
• Also see 11 Useful Tools To Check, Clean & Optimize Your CSS File.

Try out CSS-Sprite @ www.css-sprit.es (by Chinmoy from Techarraz.com)

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• TextSnip: Easily Share Formatted Text or Code with Others
• StyleNeat: Organize CSS Code Online
• FriendPaste: Simple Text Sharing
• CSS Redundancy Checker
• ByteSizeMatters: Measure the Byte Size of Text in CSS or JavaScipt Code

The app lets you upload your own images, add text and symbols and then customize different logo aspects like its size, position, colors, fonts, shadows… etc. When the logo is ready you can download and save it in PNG format.

Features:

• Easily create logos online.
• Create as many logos as you like.
• Customize logos with images, text and symbols.
• Choose logo size, position, colors, fonts, shadows… etc.
• Download ready logo as a PNG image.
• Free, no registration needed.
• Similar tools: SupaLogo, Cool Text, Creatr, CoolRGB and more.

Check out OnlineLogoMaker @ www.onlinelogomaker.com/free

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• WhatsItsColor: Find the Average Color in any Image
• Web2.0Write: Converts Text To Image Using Popular Web Icons
• Web2.0Badges: Web Badge Generator
• VectorMagic: Convert Pixel-based Image to Vectorized
• SupaLogo: Quick Logo Maker

Here is how it works:

1. Download and print provided font template.
2. Fill in the template with your own handwriting following simple guidelines.
3. Scan completed template and save it in PNG or GIF format.
4. Upload the scanned image to FontCapture.com
5. Finally preview the template and get back your own, ready to use font.

Features:

• Create fonts from your own handwriting.
• No download or installation needed.
• Scanner and printer required.
• Create as many fonts as you like.
• No sign up required to create the font.
• Similar web tools: YourFonts, FontStruct and BitFontMaker.

Check out FontCapture @ www.fontcapture.com (via Lifehacker)

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• YourFonts: Creating Fonts Online From You Own Handwriting
• TypeTester: Tool For Comparing Fonts Online
• BitFontMaker: Online Pixel Font Creator
• WhatTheFont: Recognize the Font from any Image
• Typekit: Online Font Library For Your Website

Moreover, the application also allows to enter multiple text spinets and easily compare their sizes.

Features:

• Find out the byte size of text in CSS and Javascript files.
• Measure the size with or without the whitespaces.
• Takes into account line terminator differences across operating systems .
• Free and simple to use.

Check out ByteSizeMatters @ www.bytesizematters.com

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• TextSnip: Easily Share Formatted Text or Code with Others
• FriendPaste: Simple Text Sharing
• StyleNeat: Organize CSS Code Online
• Mooshell: Edit & Debug Mootools Scripts Online
• CSS-Sprit.es: Create CSS Sprites (no coding needed)

You can search and explore font arts, designs, learn about typography, participate in the forums, add and share your own creativity and print the nice typefaces you come across. Other features include the ability to edit designs and subscribe to RSS feeds.

Features

• Online encyclopedia for typefaces.
• Upload and share font designs and typography.
• Learn about the art of typography and participate in forums.
• Choose from a wide range of designs and print them out.
• For more similar sites see MakeUseOf  “fonts” section.

Check out Typedia@ www.typedia.com (By Abhijeet from Appscrazy)

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• Typekit: Online Font Library For Your Website
• FontBurner: Add Fonts To Your Website
• AceFreeFonts: Free Font Archive
• YourFonts: Creating Fonts Online From You Own Handwriting
• WhatTheFont: Recognize the Font from any Image

To get started, just enter a direct image URL and click on ‘Get Colours’ button. The site will then present extracted colors along with the hex code, web safe hash code etc. You can move the color results around the page and view the color schemes for each extracted color, download schemes as Adobe .ASE swatch file or share them with others by forwarding a link.

The application is also available as a Firefox addon that makes color extraction even easier. Once installed, just right-click any image on the web to extract the 12 most common colors from it.

Features:

• Easily extract colors from photos and create color schemes.
• View results in XML, RSS and JSON formats.
• Download schemes as Adobe .ASE swatch file.
• Firefox addon that makes color extraction even easier provided.
• Provides a permanent link to the color scheme.
• Option to switch between the dark/light backgrounds.
• Free, no sign up required.
• Similar web tools: Pic2Color, Color Palette Generator and Color Combos.

Check out ColorSuckr @ www.colorsuckr.com (by Srikanth AD from Techonaut)

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• Pictaculous: Image Color Extraction App
• ColorSchemeDesigner: Online Color Scheme Picker
• I Like Your Colors: Extract Colours From Webpages
• Colors Palette Generator: Extract Colors From An Image
• ColorHunter: Create Color Palette From an Image

You can use EmberApp to upload and share images, logos and even screenshots of web pages. You can see the designs that other people have uploaded and include them in your personal collections. Just like on Twitter, you can follow other users and get updates on their uploads. Currently EmberApp’s vast collection has over 100,000 images.

Features:

• Upload and share designs with the world.
• Search or browse over 100,000 images.
• Make friends and get automatic updates when they upload something new.
• Upload your designs from desktop, web or mobile phone.
• Bookmark and organize favorite images into collections.

Check out EmberApp @ www.emberapp.com (by Tehseen from Ijaar.com)

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• TextureKing : Free High Quality Texture Photos
• PatternCooler: Design Cool Background Patterns for your Site
• GrungeTextures: High Quality Background Textures
• Colorpx: Pixel Art Drawing Online
• YourFonts: Creating Fonts Online From You Own Handwriting

Features:

• Download free background textures.
• 185 textures available and more uploaded on a monthly basis.
• Browse textures by category and sort by color and tag.
• 100% free, no registration needed.
• Similar sites: GrungeTextures and TextureKing.

Check out LoveTextures @ www.lovetextures.com

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• TextureVault: Free Textures For Artists & Designers
• WebGraficMaker : Create Backgrounds, Lines and Bulleted Points
• TextureKing : Free High Quality Texture Photos
• GrungeTextures: High Quality Background Textures
• WhatsItsColor: Find the Average Color in any Image

Users can quickly apply different fonts to text and see how it looks. Advanced font management features include the ability to print a selected font with several style samples, tag typefaces, switch between different kinds of views (list, swatch, metrics…) and more.

See the video demo:

Features:

• Web based font viewer and manager.
• Organize all fonts, rate and tag typefaces.
• Print a selected font with several style samples.
• Use sample text view to see how your text looks in the selected font.
• View font collection in list and swatch views.
• Use the metrics view to check the letter spacing.
• Similar sites: FontPicker and FlippingTypical.

Check out MyFontbook @ www.myfontbook.com (By Abhijeet from Appscrazy)

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• YourFonts: Creating Fonts Online From You Own Handwriting
• WhatTheFont: Recognize the Font from any Image
• TypeTester: Tool For Comparing Fonts Online
• Typekit: Online Font Library For Your Website
• Typedia: Online Encyclopedia Of Typefaces

To start, select the banner template, enter banner text and add select provided clip-art images from the library. Then customize the banner by dragging your graphics around. Finally can click on the “Create Banner” button and save it onto your computer. OnlineBannerGenerator is completely free to use and unlike many other banner creators it does not leave any watermarks.

Features:

• Free banner maker for websites.
• Create as many banners as you like.
• Customize banner with different templates, text and clip-arts.
• Download banners onto your computer.
• Completely free and there is no watermarks.
• Similar websites: BannerFans and AnimationOnline.

Check out OnlineBannerGenerator @ www.onlinebannergenerator.com

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• AnimationOnline: Instant Ad Banner Generator
• LiveBannerMaker: Free Banner Making Tool
• BannerFans: Free Banner Making Tool
• Web2.0Badges: Web Badge Generator
• GIFmake : Online GIF Maker Program

To start, simply go to the site, set the height, customize the color of dots and background and then click “OK”. When the background is ready download and save it on your computer.

You can also generate random backgrounds by clicking “Random” button.

Features:

• Create dotted backgrounds.
• Create as many background as you like.
• Customize dot and background color.
• Option to generate random backgrounds.
• Save backgrounds on to your computer.
• More web tools for backgrounds can be found here.

Check out Dotter @ www.pixelknete.de/dotter

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• WebGraficMaker : Create Backgrounds, Lines and Bulleted Points
• TextureVault: Free Textures For Artists & Designers
• StripeMania: Generate Stripes Online
• StripedBGs: Make Striped Backgrounds Online
• Repper: Tool For Creating Patterns Online

Features:

• Find popular design news articles voted by users.
• Search and browse site by categories.
• Check out front page and upcoming stories.
• Also shows the number of tweets each article received.
• Vote on articles and leave comments.
• Submit your own story.

Check DesignMoo @ www.designmoo.com

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• WebGraficMaker : Create Backgrounds, Lines and Bulleted Points
• CheckMyColours: Check Color Contrast Of Your Site
• WebPagetest: Test Load Speed Of Your Website
• ViewLike.us: Test Website In Different Resolutions
• Usabilla: Website Usability Testing Tool

There is a custom preview feature which lets you preview fonts before downloading. You can also check out the newly added and top fonts.

With an optional registration you can save fonts to your online wish list, submit your fonts and add comments. You can even rate the fonts and share them with friends easily.

Features:

• Directory of free amazing fonts.
• Browse fonts by alphabet, category and search.
• Save fonts to your wish list.
• Check out top fonts and new fonts.
• Custom preview and download fonts with one click.
• Free to use, with optional registration.
• Similar sites: Fawnt, Dafont and Fontex.

Check out ffonts @ www.ffonts.net (by Srikanth AD from Techonaut)

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• YourFonts: Creating Fonts Online From You Own Handwriting
• WhatTheFont: Recognize the Font from any Image
• TypeTester: Tool For Comparing Fonts Online
• Typekit: Online Font Library For Your Website
• Typedia: Online Encyclopedia Of Typefaces

The process is as usual, just enter your logo text into provided field and use additional options to customize the look of your new logo. When ready download your new logo as a .png file.

Features:

• Free online logo maker.
• Create as many logos as you like.
• Customize your logo in terms of color, outline, size, font and gradient.
• Clean and user friendly design.
• Download logo onto your computer as png file.
• No sign up needed.
• Similar tools: LogoFactory, Cool Text, Creatr, LogoBuilder1 and CoolRGB.

Check out SupaLogo @ www.supalogo.com

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• WhatsItsColor: Find the Average Color in any Image
• Web2.0Write: Converts Text To Image Using Popular Web Icons
• Web2.0Badges: Web Badge Generator
• VectorMagic: Convert Pixel-based Image to Vectorized
• RoundPic: Rounded Corners for Any Image

The site lets you search images, browse them by categories and also view popular and latest additions. Each image includes additional info such as size, user rating, number of views and related tags. There are currently around 1400 high resolution images.

Features:

• Download quality background textures.
• Currently lists around 1400 high resolution images.
• Search and browse by categories .
• View popular, latest and random images.
• Free and no sign up.
• Similar site: TextureKing.

Check out GrungeTextures @ www.grungetextures.com

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• TextureKing : Free High Quality Texture Photos
• TypoGenerator: Generate Random Nonsense Posters
• TextureVault: Free Textures For Artists & Designers
• LoveTextures: Hi-res Free Background Textures
• WhatsItsColor: Find the Average Color in any Image

The best thing about this tool is that it gives you a huge number of options both while choosing the color scheme and while previewing it. Ranging from options like mono, complement, triad etc, adjusting the scheme for brightness and contrast and previewing it in different formats, there are many options to choose from.

Features:

• Multi-utility tool for creating website color schemes.
• Choose the colors and preview the scheme right-away.
• Various preview options available.
• Set the scheme to mono, complement, triad and many more.
• Refine the scheme using the adjust scheme option.
• Similar sites:  Color Palette Generator

Go to ColorSchemeDesigner @ colorschemedesigner.com (by Abhijeet from Jeet Blog)

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• Pictaculous: Image Color Extraction App
• ColorSuckr: Extract Color Schemes From Images
• I Like Your Colors: Extract Colours From Webpages
• Colors Palette Generator: Extract Colors From An Image
• ColorHunter: Create Color Palette From an Image

Currently the app allows to preview te websites in almost all popular resolutions: 320×396, 800x 600, 1024×768, 1152×864, 1400×900, 1600×1200 and 1900×1200.

Features:

• Test different resolutions on your site.
• Most popular resolution formats are supported: 320×396, 800x 600, 1024×768, 1152×864, 1400×900, 1600×1200, 1900×1200.
• Free and no registration.
• You might also want to try other tests that we reviewed:
  WebAnti-malware – Test if your site is blacklisted.
  UnmaskParasites – Test if your site is being hacked and exploited by hackers.
  BrowserShots – Test your site in different browsers.

Check out ViewLike.us @ www.viewlike.us

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• WebPagetest: Test Load Speed Of Your Website
• WebGraficMaker : Create Backgrounds, Lines and Bulleted Points
• Usabilla: Website Usability Testing Tool
• TheButtonEffect: Online Button Creation Tool
• PatternCooler: Design Cool Background Patterns for your Site

It gives you a set of colors extracted from the image along with a hexadecimal code of each color. Download the generated colors as an Adobe Swatch file (.aco) onto your computer or click to send results to your email.

There is also an iPhone version available, which lets you extract a palette of colors from any image captured with the iPhone’s camera.

Features:

• Generate color palette from image.
• Supports PNG, GIF, JPG image formats.
• Upload file size limit 500 KB.
• Download the extracted colors as an Adobe Swatch file (.aco) or send results to your email address.
• iPhone version available.
• Similar sites Color Palette Generator, Pic2Color and  ColorHunter.
• Free, no registration required.

Check out Pictaculous @ www.pictaculous.com

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• ColorSuckr: Extract Color Schemes From Images
• ColorSchemeDesigner: Online Color Scheme Picker
• Colors Palette Generator: Extract Colors From An Image
• ColorHunter: Create Color Palette From an Image
• ValidChecker : CSS, HTML and RSS Validator

Works easy, simply enter your stylesheet URL and associated HTML pages, and click on the “Check” button. The application will scan that stylesheet and show you redundant CSS selectors that are not present on listed HTML pages. Since these selectors are not used anywhere, you can remove them without causing any problems.

Keep in mind that the app does not understand javascript and may therefore tell you that certain selectors are redundant simply because they don’t appear in your javascript manipulated HTML.

Features:

• Helps you clean and optimize css files.
• Check as many CSS files as you want.
• Does not work with javascript manipulated HTML.
• Free and no sign up.
• Also see 11 Useful Tools To Check, Clean & Optimize Your CSS File.

Check out CSS Redundancy Checker @ www.services.immike.net/css-checker

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• TextSnip: Easily Share Formatted Text or Code with Others
• StyleNeat: Organize CSS Code Online
• PatternCooler: Design Cool Background Patterns for your Site
• FriendPaste: Simple Text Sharing
• CSS-Sprit.es: Create CSS Sprites (no coding needed)

Features:

• Efficient icon search engine for web developers and designers.
• Easily search over 90,000 different icons.
• Filter results by icon size and background color.
• View additional icon info including its license type, publisher, different sizes and other icons from the same set.
• Download the icon with a single click in PNG or ICO format.
• Similar sites: Iconza and IconPot.

Check out IconFinder @ www.iconfinder.net

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• IconPot: Cool Icon Collections
• Icones.pro: 15000+ Free Downloadable Icons
• WebPagetest: Test Load Speed Of Your Website
• WebGraficMaker : Create Backgrounds, Lines and Bulleted Points
• ViewLike.us: Test Website In Different Resolutions

You can either view the full report or only the errors. All the tests performed are based on the algorithms suggested by the World Wide Web Consortium (W3C).

Features :

• Online color contrast checker.
• Analyzes the colors of the website to find any inconsistency of contrast, brightness and colors.
• Checks if the site is pleasantly viewable by someone with color deficits.
• View the full report or only the errors.
• Tests performed are based on the algorithms suggested by the World Wide Web Consortium (W3C).

Check out Check My Colours @ www.checkmycolours.com (by Abhijeet from Jeet Blog)

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• WebGraficMaker : Create Backgrounds, Lines and Bulleted Points
• I Like Your Colors: Extract Colours From Webpages
• DesignMoo: Digg Like Website For Designers
• WebPagetest: Test Load Speed Of Your Website
• ViewLike.us: Test Website In Different Resolutions

Once you are done, you can download the striped tile and use it for anything you want.

You can also browse stripes created by other users, rate them or use as template to create one of your own.

Additionally, the site provides you with a number of tutorials showing you how to use stripes in your design or Photoshop.

Features:

• Online stripe generator.
• No registration or download.
• Choose any color and gradient effects.
• View latest stripes that other users have created.
• Provides you with a number of sample tutorials showing you how to use stripes in your design and Photoshop.
• Similar tools: StripeGenerator and StripedBGs.

Check out StripeMania @ www.stripemania.com (by Tehseen from Ijaar.com)

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• WebGraficMaker : Create Backgrounds, Lines and Bulleted Points
• TextureVault: Free Textures For Artists & Designers
• StripedBGs: Make Striped Backgrounds Online
• Repper: Tool For Creating Patterns Online
• PatternCooler: Design Cool Background Patterns for your Site

• Simple online pixel editor.
• Draw as many pixel images as you like.
• Save created drawings to computer.
• Quick and simple to use.
• Other sites to generate pixel art are CubeScape and Colorpx.

Check out Pixie @ www.app.strd6.com/creation/images/new

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• Q-Block: Free Pixel Art Creator
• WhatsItsColor: Find the Average Color in any Image
• Web2.0Write: Converts Text To Image Using Popular Web Icons
• Web2.0Badges: Web Badge Generator
• VectorMagic: Convert Pixel-based Image to Vectorized

Ready fonts can be downloaded or published on BiTFont Museum for others to see. BiTFont Museum is a large text font gallery that hosts fonts created by users like you. The fonts are free to download.

Features:

• Ue pixel font creator to create your own font online.
• Create fronts from scratch or import and edit existing fonts.
• Preview each character as you go along.
• Save ready fonts to your computer.
• View fonts of others and download whatever you like.
• Similar websites: FontStruct and YourFonts.

Check out BitfontMaker @ www.pentacom.jp/soft/ex/font

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• YourFonts: Creating Fonts Online From You Own Handwriting
• TypeTester: Tool For Comparing Fonts Online
• FontCapture: Turn Your Handwriting into Font For Free
• WhatTheFont: Recognize the Font from any Image
• Typekit: Online Font Library For Your Website

When you are done, select an image resolution and download the background to your computer.

Features:

• Striped background generator.
• Generate backgrounds with 5 stripes of different colors.
• Download stripes for a wide range of screen resolutions (from 128×128 px up to 2560×1600 px).
• Free and no sign up.
• Similar tool: StripeGenerator.

Check out StripedBackgrounds @ www.stripedbgs.com

• New: Follow MakeUseOf on Twitter. Recommended!
• MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

• WebGraficMaker : Create Backgrounds, Lines and Bulleted Points
• TextureVault: Free Textures For Artists & Designers
• StripeMania: Generate Stripes Online
• Repper: Tool For Creating Patterns Online
• PatternCooler: Design Cool Background Patterns for your Site