jFormer is a form framework written on top of jQuery that allows you to quickly generate beautiful, standards compliant forms. Leveraging the latest techniques in web design, jFormer helps you create web forms that: Validate client-side, Validate server-side, Process without changing pages (using AJAX).
At 18K gzipped, jFormer is one of the first frameworks that comes Closure Compiled with Google’s latest JavaScript compression technology. You may use any jFormer project under the terms of either the MIT License or the GNU General Public License (GPL) Version 2.
Requirements: jQuery Framework
Demo: http://www.jformer.com/
License: MIT , GPL License
HSL (Hue, Saturation, Luminosity) allows us to describe meaningful relationships between colors. Give this brown color, hsl(36, 73%, 10%), it’s clear that if we desaturate 40 steps and lighten 70 steps we get hsl(36, 33%, 80%), a cream color. HSL Color Picker can help you with this.
In graphics software, it feels more natural to work with HSB (Hue, Saturation, Brightness) than RGB or CMYK. Now, with CSS3 we can use HSL which is actually quite different than HSB. Without a decent HSL color picker, it’s difficult to understand.
Requirements: –
Demo: http://hslpicker.com
License: License Free
QapTcha is a draggable jQuery captcha system with jQuery UI. QapTcha is an easy-to-use and intuitive captcha system. Users do not need to type letters or digits from a distorted image that appears on the screen. Instead, they simply need to drag an element of the form in order to unlock it.
Requirements: jQuery Framework
Demo: http://www.myjqueryplugins.com/QapTcha/demo
License: MIT License
Webalys has created a Free User Interface Design Framework for Web Designers. It includes GUI library – Hundreds vector elements for interface design, Minimal UI icons set – 260 vector icons for Illustrator, Styles library – 200 styles to apply in Illustrator.
You can now design faster wireframes and create better mockup deliverables in Illustrator. You can customize easily the vectors GUI elements to your own needs : you can easily resize, color or tweak their appearance.
Requirements: –
Demo: http://www.webalys.com/design-interface…
License: License Free
We have mentioned Vector Based Gesture Icons for Touch Screen Interfaces earlier. Now we have got GestureWorks that ships with a library of over 200 built-in gestures.
Open Source Gesture Library is built upon an open source gesture framework, allowing developers to customize and extend the “gesture object” to create support for new gestures. You can download all free gesture and multitouch illustrations and icons. A variety of formats including scaleable formats are available.
Requirements: –
Demo: http://gestureworks.com/features/open-source-gestures/
License: BSD License
The Signature Pad jQuery plugin will transform an HTML form into a signature pad. The Signature Pad has two modes: TypeIt and DrawIt. In TypeIt mode the user’s signature is automatically generated as HTML text, styled with @font-face, from the input field where they type their name. In DrawIt mode the user is able to draw their signature on the canvas element.
The drawn signature is written out to a hidden input field as a JSON array using JSON.strinify(). Since the signature is saved as JSON it can be submitted as part of the form and kept on file. Using the JSON array, the signature can then be regenerated into the canvas element for display. Signature Pad works with both mouse and touch devices.
Requirements: Javascript and Canvas
Demo: http://thomasjbradley.ca/lab/signature-pad
License: New BSD License
Iconic is a minimal set of icons consisting of 136 marks. To give the greatest flexibility, the icon set packages all icons in PNG, SVG, SWC, OFT/TTF/EOT and Omnigraffle stencil formats. Iconic tries to work with various tools/workflows to make your life a bit easier.
All raster-format icons come in a wide variety of colors in order for greater convenience. The colors hit all the major hues in the spectrum as well as many colors used in the scheme on this site.This set is currently licensed under the Creative Commons Attribution-Share Alike 3.0 license.
Requirements: –
Demo: http://somerandomdude.com/projects/iconic/
License: Creative Commons License
Premium Pixels is a collection of free design resources created by Orman Clark. He is a UK based web designer with a passion for all things creative. All resources are aimed at helping fellow designers either learn something new or just save a bit of time. All files can be used for both personal and commercial use and are 100% free of charge.
Requirements: –
Demo: http://www.premiumpixels.com/
License: License Free
IconSweets2 is a huge free icon set containing 400+ icons both in 64×64 and 32×32 and 292 16×16 icons, all created as vector Photoshop shapes. It will crunch your icon thirst for all of your iPhone, iPad & Android apps or new web projects! You may use these icons for both commercial and non-commercial projects and customize them any way you like.
Requirements: –
Demo: http://iconsweets2.com/
License: License Free
The Noun Project collects, organizes and adds to the highly recognizable symbols that form the world’s visual language, so we may share them in a fun and meaningful way. The symbols on the site are and always will remain free. They believe symbols can not be effectively shared with the world if they are not free.
Requirements: –
Demo: http://www.thenounproject.com/
License: Creative Commons License
