Typechart lets you flip through, preview and compare web typography while retrieving the CSS.
You can view different typefaces with different font sizes and emphases. One of the handy features is that you can compare Windows rendering with Apple font rendering.
You can also download the CSS code for a specific typographic style, cach style corresponds with a style ID, which allows you to annotate prototypes and retrieve the css while coding as well.
Requirements: –
Demo: http://www.typechart.com
License: License Free
Smashing Magazine has just released On Stage icon set. The set contains 49 free vector icons including PSD which can be useful for both corporate and personal setting. You can use the set for free without any restrictions whatsoever.
The icons are available in the .png-format in the resolution 128×128px. 100% pure shape-based layered PSDs are also included in the package.
Requirements: –
Demo: http://www.smashingmagazine.com/2008/08/27/on-stage-a-free-icon-set/
License: License Free
DryIcons has released a new beautiful free icon set called “Coquette“. “Coquette” will make sure to bring all attention and admiration to your software applications, websites, blogs.This playful free icon set contains curvy and colorful free icons made with one goal, to get all the affection to your projects.
These free icons flirt with style. “Coquette” free icon set contains 50 high quality, free icons in these sizes: 16x16px, 32x32px, 48x48px, 64x64px and 128x128px and 32-bit transparency PNG file format.
Requirements: –
Demo: http://dryicons.com/free-icons/preview/coquette-icons-set/
License: Terms of Use
Facelift Image Replacement (or FLIR, pronounced fleer) is an image replacement script that dynamically generates image representations of text on your web page in fonts that otherwise might not be visible to your visitors. It is similar to sIFR which accomplishes this by using a combination of javascript, CSS, and Flash. FLIR generated image will be automatically inserted into your web page via Javascript and visible to all modern browsers. Any element with text can be replaced: from headers (<h1>, <h2>, etc.) to <span> elements and everything in between.
Requirements: Javascript Enabled
Demo: http://facelift.mawhorter.net/
License: GPL License
Do you have any products like CDs or DVDs for your readers? Sometimes, you would like your readers know the actual look of the CDs or DVDs. However, It takes quite a bit of time to desgin a CD or DVD case. You do not have to worry about it now, because some of the talented Photoshop designers have created some stunning CD / DVD case templates in PSD format for us. You can customize them easily. You can download them and use them for your products, however, a link back would be appreciated.
1. DVD Case Template by Manicho
2. DVD Plastic Case Template by Manicho
3. Jewel Case Template by LeMarquis
Requirements: –
Demo: http://manicho.deviantart.com/art/DVD-Case-Art-PSD-file-61443492
Demo: http://manicho.deviantart.com/art/dvd-Plastic-Case-PSD-file-86546288
Demo: http://lemarquis.deviantart.com/art/JEWEL-CASE-PSD-FILE-69316052
License: License Free or Creative Commons License
PrettyCheckboxes is for people who wants to have a consistent look for checkboxes across browser or those who simply want them to look better. By using this script you wont loose any of the regular inputs usability. It has been tested and is known to work in Firefox 2+, Opera 9.5, Safari 3.1.1 and Internet Explorer 6+. This script is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones.
Requirements: jQuery Framework
Demo: http://www.no-margin-for-errors.com/projects/prettyCheckboxes/
License: Creative Commons 2.5 License
Amazing Photoshop brushes come from talented designer Paul Willocks and Marielle. You can find some Line Brushes, Abstract Tech Brushes, Circle Brushes and a lot more in Paul Willocks Gallery. You can also find some Floral Brushes, Frames Brushes, Hearts Brushes and Dividers Brushes in Marielle Gallery. Most of them are licensed under Creative License. You might want to use them to decorate or design your websites.
Requirements:-
Demo: http://mouritsada-stock.deviantart.com/gallery/#Brush-Packs
Demo: http://paulw.deviantart.com/gallery/#Photoshop-Brushes
License: Creative Commons License
We have got another Color Picker for our websites. This is a simple jQuery plugin that let you select color in the same way you select color in Adobe Photoshop. You can display the ColorPicker as a popup or and element in page. It is really easy to customize the look by changing some images, therefore you can have a custom skin for your ColorPicker as well.
Requirements:jQuery Framework
Demo: http://eyecon.ro/colorpicker/
License: License Free
One of our lovely WebAppers readers, James Wright has found an interesting tool and submitted to us. This is called dBug, which is a PHP version of ColdFusion’s cfdump. Basically, it outputs colored and structured tabular variable information. Variable types supported are: Arrays, Classes/Objects, Database and XML Resources. Stylesheet can be easily edited. Table cells can be expanded and collapsed as well. dBug is free for download, and it has been downloaded over 20,000 times now.
Requirements:-
Demo: http://dbug.ospinto.com/
License: GPL License
Ever wanted to find a font just like the one used by certain publications, corporations, or ad campaigns? Well now you can, using WhatTheFont font recognition system. Upload a scanned image of the font and instantly find the closest matches in our database.
Or, you can try Identifont, the largest independent directory of typefaces on the Internet, with information about fonts from 517 publishers and 144 vendors. You can identify a typeface by answering a series of simple questions about its appearance.
Requirements:-
Demo: http://www.identifont.com
Demo: http://www.myfonts.com/WhatTheFont/
License: License Free
