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
Freerange Stock was formed with the goal to provide quality stock photos for free. They feel that free stock photos can be good photos. Freerange is an advertising revenue supported photographic community – photographers get paid when users click on the ads that appear next to their submissions. Images on the site are either shot by Freerange Stock, drawn from Freerange archives, or contributed by a talented community of photographers.
Just sign up for a free membership, log in, and download high-quality, high- resolution free stock photos and free textures. All images are at least 2400 x 1600, and photos can be used for commercial or personal projects.
Requirements: –
Demo: http://www.freerangestock.com
License: License Free
markItUp! is a JavaScript plugin built on the jQuery library. It allows you to turn any textarea into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own Markup system can be easily implemented. markItUp! is not meant to be a “Full-Features-Out-of-the-Boxâ€-editor. Instead it is a very lightweight, customizable and flexible engine made to meet the developer’s needs in their CMSes, blogs, forums or websites.
markItUp! is released under both the MIT and GPL Open Source licenses. In short, this means that markItUp! is totally Free, and you can do whatever you want with it. You are only obligated to keep the credits in place. Check out the examples yourself.
Requirements: jQuery 1.2 Javascript library
Demo: http://markitup.jaysalvat.com/examples/
License: MIT / GPL License
PS Brushes has a cleaner look to minimize the usless content and give you direct access to almost all Photoshop Brushes around the internet. All the photoshop brushes are categorized into the following categories, Abstract, Animals, Around the House, Drawings, Fractals, Grunge, Hearts, Humans, Landscapes, Music, Oriental, Outer Space, Patterns, Photos & Frames, Plants, Religious, Scratches, Shapes, Street & Misc Signs, Structural, Text & Type and War Brushes.
Requirements: –
Demo: http://www.psbrushes.net
License: License Free
DesignPacks.com offer free, high quality image collections that can be use in both personal and commercial web design projects. Each collection features a group of 15 images that share a common theme. They’ve created dozens of collections based on a variety of themes. Every DesignPack can be downloaded as a single ZIP file. File sizes vary between 3-5MB. You can browse the Image Catalog to see what’s available.
Although DesignPacks.com mentioned that there will be new sets added monthly, it seems like they have stopped updating the site since 2005.
Requirements: –
Demo: http://www.designpacks.com
License: License Free
Password Strength Checker is an application that is designed to assess the strength of password strings. The instantaneous visual feedback provides the user a means to improve the strength of their passwords, with a hard focus on breaking the typical bad habits of faulty password formulation. Since no official weighting system exists, Password Strength Checker has created its own formulas to assess the overall strength of a given password.
Password Strength Check is written in Javascript and released under GPL License. You are allowed to download this application and integrate it into your web application. I am sure it will help users choosing a more secure password when filling in registration forms. However, this application is neither perfect nor foolproof, and should only be utilized as a loose guide in determining methods for improving the password creation process.
Requirements: Javascript Enabled
Demo: http://www.passwordmeter.com/
License: GPL License
WebAppers has released a set of Web Application Icons a week ago. And now, Monofactor has released a set of 25 Vector Icons for Free as well. They look really stunning. And the loveliest part is, they are in scalable vector format. You can open the .ai file with any version of Illustrator above 8.0. With earlier versions, you might loose some of the effects on the icons.
Redistribution, Release for Download or Selling of these icons on an another site without permission is completely prohibited. However, you are completely free to edit, change and/or directly use the icons in your site and in any kind of your projects.
Requirements: Illustrator 8.0+
Demo: http://www.monofactor.com/goodies/free-vector-icon-set-1/
License: License Free
CSS Type Set is a hands-on typography tool allowing designers and developers to interactively test and learn how to style their web content. You can set the font family, size, color, letter-spacing, word-spacing, line-height and etc… It will automatically generate the CSS file for you. You can see the changes instantly. It is a really great tool for experimenting a suitable font type for your site.
Requirements: –
Demo: http://csstypeset.com/
License: License Free
