Cameronmoll has collected 25 resources for ornaments, fleurons, and frilly bits for us. Type ornaments, also termed printer’s ornaments, have been used in conjunction with type for literally hundreds of years. Of course, nowadays it’s all too easy to abuse these design elements, adding them merely for decoration rather than communication. But in the hands of an accomplished designer who knows how to use them appropriately and in moderation, type ornaments can serve to beautify and enhance a design. You can see some ornaments have been used on the top of the menu column on WebAppers as well.
Source: 25 resources for ornaments, fleurons, and frilly bits
Frexy loves icon design. In the past few months, they have worked on an icon set called “Bright!â€, and now they have released Bright! as a freebie for us. Bright! is a crisp, sharp and beautiful set of 148 hand-crafted icons in vector format, ideally for both web and print work. You can use Bright! for personal and commercial projects at free of charge. What I only need in return is your comments and backlinks, if possible.
Requirements: –
Demo: http://min.frexy.com/article/bright_a_free_icon_set/
License: License Free
Axeraider70 has created different sets of amazing photoshop brushes for us. It enables us creating some images with abstract style easily. All of the brushes are released under Creative Commons License 3.0. You can freely use them for non-commercial use. There is a Brush Download and Insertion Guide available too.
Requirements: –
Demo: http://axeraider70.deviantart.com/gallery/#Photoshop-Brushes
License: Creative Commons 3.0 License
It is time to have some icons again. This time, Icojoy is sharing some of the really nice mini icons. These icons are free to use in any kind of project unlimited times. The icons come in 6 different file types, .ico, .icns, .tif, .gif, .bmp, .png. Some of the icons are designed for blogs, dating, player and social networks as well.
Requirements: –
Demo: http://www.icojoy.com/blogs/3/
License: License Free
Masked Input Plugin is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc).
A mask is defined by a format made up of mask and placeholder characters. Any character not in the placeholder character list below is considered a mask character. Mask characters will be automatically entered for the user as they type and will not be able to be removed by the user. The following placeholder characters are predefined:
* a – Represents an alpha character (A-Z,a-z)
* 9 – Represents a numeric character (0-9)
* * – Represents an alphanumeric character (A-Z,a-z,0-9)
It has been tested on Internet Explorer 6/7, Firefox 1.5/2, Safari, and Opera. The file size is very small with only 7.3k and 2.8k for the Packed version.
Requirements: jQuery Framework
Demo: http://digitalbush.com/projects/masked-input-plugin
License: License Free
Font Cubes is where you can find the a lot of free PC fonts and free Mac Fonts from the best font artists in the world. You can download any fonts easily by clicking the “Download” button. Registering as a member will allow you to access Font Cubes’s unique font management system. By registering, you could keep track on your favourite fonts by fontmarking them and asside of that, you could also use the system to keep track of font you have used in your project as well. However, the fonts listed in Font Cubes are the font author’s property. Please contact the authors for further consultation regarding the use of the listed fonts for.
Requirements: –
Demo: http://www.fontcubes.com/
License: License Free
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. There are three ways to use ColorToy.
1. Enter a RGB value. e.g. 211,21,52 and hit “Submit RGB”. ColorToy 2.0 will then generate your complementary color scheme.
2. Enter a HEX value e.g. #c0ffee and hit “Submit Hex”. ColorToy 2.0 will then generate your complementary color scheme based on your HEX value.
3. Hitting “Random” will generate a random color and associated complementary color scheme. Go on, give it a click.
You can also check out the collection of other useful Color Scheme Generators we have mentioned on WebAppers a while ago.
Requirements: –
Demo: http://www.defencemechanism.com/color/
License: License Free
Creating accessible Web2.0 applications can be a tricky process. Many of the advanced widgets and controls we develop today don’t exist in the current HTML specification — there is no “slider” element. So Filament Group has developed an accessible slider based on the core principle of progressive enhancement with jQuery.
Filament Group designed and developed an accessible slider with a very nice interface which allows users to choose one or a range of values on a continuum. Values on a slider can represent anything from hours on a clock to the volume on a music player to a complex, proprietary data set. In its simplest form, the slider is displayed as an axis of values with a handle to drag and select a value, or two handles for selecting a range.
The code is open source and licensed under GPL. You can view source to grab the code from this working example.
Requirements: jQuery
Demo: http://www.filamentgroup.com/lab/developing_an_accessible_slider/
License: GPL License
FontStruct is a free font-building tool brought to you by FontShop. FontStruct lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks. Once you’re done building, FontStruct generates high-quality TrueType fonts, ready to use in any Mac or Windows application.
You can keep your creations to yourself, but we encourage users to share their “FontStructions”. Explore the Gallery of fonts made by other FontStruct users and download them or even copy them and make your own variations. Some of the fonts within the Gallery looks really good and professional. Have you created your own fonts yet?
Requirements: –
Demo: http://fontstruct.fontshop.com/
License: Creative Commons License
Photoshop Lady aims to pick the best free photoshop tutorials around the world and deliver the latest selection tutorials to your hand. Photoshop Lady is updated daily. All of the high quality photoshop tutorials are categorized into 3D Effect, Abstract Effect, Drawing Effect, Photo Effect, Text Effect, Texture & Patterns and User Interface Design. You can also bookmark your favorite tutorials easily and allow you to make your tutorial collection in a single place.
Source: Photoshop Lady – Best Free Photoshop Tutorials around the World
