Ketchup is a jQuery plugin that validates forms aiming to be very flexible and extendable for its appearance and functionality. You can make your own ketchup with ease. If you don’t like the default styling you can change it. If you need another markup you can edit it. No validation fits your needs? Write your own.

This plugin provides some callbacks to completely control the markup and show/hide behavior of the CSS customizable error-container.

Features include:

• Basic validations
• Error container styling and behavior
• Extendable with ease
• Pre-build validators: URL, E-Mail, Digits, Username, min/max number, range select

Grafico is a graphing library based on Raphael and Prototype.js. Originally developed as Ico by Alex Young, this new library, now developed by Kilian Valkhof at Wakoopa, is flexible to implement and provides numerous api options to tweak the look of the graphs. Grafico’s basic principles are to provide good, clean looking graphs while stayings with the guidelines laid out by Stephen Few and Edward Tufte.

Grafico supports the following graph types: Line graphs, Area graphs, Stacked area graphs, Bar graphs, Horizontal bar graphs, Sparklines, Sparkbars, Sparkareas.

Grafico’s Key Features:

• Flexible ranges – Grafico select the best range to display your data at
• Hover options – display additional information such as the value when hovering over charts
• Mean lines – A single line that display the mean.
• Watermarks – Use an image as a watermark over your graphs

Uniform is a jQuery Plugin useful to style your checkboxes, drop down menus, radio buttons, and file upload inputs. With this script you can control the look and feel of your form inputs between all browsers. Uniform masks your standard form controls with custom themed controls. It works in synchronization with your HTML form elements to ensure accessibility and compatibility.

Theming is central to the philosophy of Uniform. If you don’t want to feel limited to just using the default style you can design your own theme with the theme kit and create most of the code you’ll need using the custom theme generator.

TinyEditor is a free lightweight (8kb), standalone and easy to customize JavaScript WYSIWYG editor. This simple editor handles most of the basic formatting needs and can be integrated with any website through CSS and the multitude of parameters. Its built-in functionality helps keeping the rendered markup as clean as possible. In order to keep few HTTP Requests for the editor the icons (courtesy of famfamfam) have been combined into a sprite image.

The script has been tested in all major browsers and is available free of charge for both personal and commercial projects.

Plupload is an open source tool for uploading files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms. It provides some unique features such as upload progress, image resizing and chunked uploads. This highly usable upload handler is currently separated into a Core API and a jQuery upload queue widget. This way you can either use it out of the box or write your own custom implementation.

Features include:

• Open Source
• Powerful API
• Simple to use
• Flexible

Plupload makes multiple uploading easier than ever.

Back in the autumn of 2008, I have written a tutorial about how you can create a basic AJAX Contact Form that works with PHP Back-end. The post is one of the most popular here on Bit {Repository} having over 4,000 monthly page views and over 200 comments so far. Since many people asked me how they can do this and even hired me to offer them assistance with this application, I have decided to write a more advanced script with many features including CAPTCHA and RealTime Validation. Unlike many AJAX Captchas out there that rely on JavaScript as an Anti-spam measure and have a medium security level, the one I have chosen to implement uses PHP to securely generate and register the required code in the background. Moreover, you can specify whether to show letter, numbers or both on the verification image.

Interested in downloading the AJAX Contact Form? Click here!

The Envato Team launched recently a new sub-category on Themeforest specifically for CVs/Resumes optimized for web. It’s becoming more and more common for potential customers to request a link to your personal website/CV page rather than a sheet of paper. More and more recruiters are browsing online for prospective applicants instead of advertising their position and calling for applicants. Whether you are a freelancer or you’re looking for a job, these beautiful designed HTML templates will broaden your chance of getting more clients.

1) Clean CV / Resume Html Template + 4 Bonuses!

The download package includes:

• 2 CV / Resume HTML + CSS Template Layouts
• Print ready CSS stylesheet besides the regular one
• An awesome AJAX Contact Form
• PNG and PSD Source Files
• Bonus folder with Envelope, CV, Business card, Letter in .indd format + jpg previews
• Extensive step-by-step documentation on customizing each section of the template

Buy Now | Live Preview | View Screenshots

View more awesome resume web templates…

Inspired by the article ‘Make Your Mockup in Markup’ by Meagan Fisher, Sebastian Senf developed a plugin useful to style your markup right in your browser with a build-in element selector and CSS editor.

Just generate the CSS code of altered elements with one click and use it in your own stylesheet. Being annoyed by the process of designing the mockup with markup, Sebastian coded this plugin as an alternative to the classical ways of designing (e.g. change the CSS code and then check the results in your browser). He is one of the persons who can’t stand Photoshop to design every bit of a website in it.

ie-css3.js is JS Script that allows Internet Explorer browser to identify CSS3 pseudo-class selectors and render any style rules defined with them. To use it, you will have to download ie-css3.js and one of the supported JavaScript libraries and include them both in the page of your
website.

First, ie-css3.js makes a check for known JavaScript libraries and selects the one with the best CSS3 selector support. Next, the stylesheets are downloaded and each of their selectors are parsed. Any CSS3 pseudo-classes are replaced by a standard CSS class of a similar name (e.g. div:nth-child(2) becomes div.iecss-nth-child-2). After that, the detected JavaScript library is used to find the DOM nodes matching the original CSS3 selector and the same CSS class is applied to them. Finally, the stylesheet gets replaced with the new one and any elements targeted with CSS3 pseudo-classes will be styled.

A few things you should know:

• Style sheets MUST be added using the <link> tag. Page level style sheets won’t pe parsed
• Style sheets that use the file:// protocol will not work due to browser security restrictions
• Style sheets MUST be hosted on the domain as the page
• The emulation is not dynamic. The styles are fixed once they are applied. Changes to the DOM won’t be reflected.
• The :not() pseudo selector is not supported (it’s coming though)