background preloader

JQuery

Facebook Twitter

JQuery Animation & Effects

JQuery UI & Widgets. JQuery Basic Page Layout. Ketchup Plugin. Ketchup is a small (3.4KB minified & gzipped) jQuery Plugin that helps you to validate your forms.

Ketchup Plugin

Out of the box it has 18 basic validations and a bubble like style. But truly this Plugin wants to be hacked to fit your needs. Easily write your own validations and overwrite/extend the default behaviour. Bubbles are not for everyone... Default Behavior If you like the style of the bubbles and all validations you need are already included you can get this Plugin up and running like so: Your HTML Header Include the default stylesheet (located in . <! Your HTML By default Ketchup checks the data-validate attribute of form fields if it can find matching validations. Your Javascript Just call ketchup() on your form, voilà. $('#default-behavior').ketchup(); Declare fields to validate in the call In last version Ketchup checked the class attribute for validations... which was not everyones taste because class should be used for defining CSS classes. Validate on different events Included Validations.

jQuery for Designers - Tutorials and screencasts. jQuery Function Builder - a quick jQuery syntax function generat. MicroTut: Getting And Setting Cookies With jQuery & PHP – Tutori. Martin Angelov HTTP is a stateless protocol, which means that every request you make to a website is standalone and therefore cannot keep data by itself.

MicroTut: Getting And Setting Cookies With jQuery & PHP – Tutori

But this simplicity is also one of the reasons for its widespread adoption in the early ears of the web. There is, however, a way to keep information between requests in the form of cookies. This way you can have effective session managemet and persistent data. There are two ways to work with cookies – server side (PHP, ASP etc) and client side (JavaScript). Cookies and PHP Setting cookies To create a cookie in PHP, you need to use the setcookie function. Colorful Sliders With jQuery & CSS3 – Tutorialzine. Martin Angelov In this tutorial we are using jQuery and the new transformation features brought by CSS3 to create a three dimensional dynamic slider effect.

Colorful Sliders With jQuery & CSS3 – Tutorialzine

The techniques presented here – for creating sliders, and CSS dynamic resizable bars, can be used together or in part for powering all sorts of jQuery goodness. Also, be sure to go ahead and download the PSD, so you can create your own colors and shapes. Interactive Image Vamp up with jQuery, CSS3 and PHP. Today we will show you how to create an online application for giving some funny touches to an image.

Interactive Image Vamp up with jQuery, CSS3 and PHP

We will be using jQuery and jQuery UI for dragging and resizing little bling elements like mustaches and glasses. With PHP the image and the bling elements will get merged and the end […] View demoDownload source Today we will show you how to create an online application for giving some funny touches to an image. We will be using jQuery and jQuery UI for dragging and resizing little bling elements like mustaches and glasses. 35 Fresh JavaScript/jQuery Tools and Resources. Mar 24 2010 It’s time for more JavaScript and jQuery goodies here on Noupe.

35 Fresh JavaScript/jQuery Tools and Resources

Today we are featuring fresh JavaScript Development Frameworks, code optimization and minimization tools, reference tables, compatibility issues, common coding errors, image manipulation techniques and graph solutions. Please feel free to submit further resources in the comments to this post! JavaScript Development Frameworks php.js php.js is an open source project that brings high-level PHP functions to low-level JavaScript platforms such as webbrowsers, AIR, V8 and rhino. jai – javascript audio interface J.A.I. or “Javascript Audio Interface” is the world’s first javascript interface for web <audio>. jQuery.sheet – Visual Interop Development jQuery.sheet gives you all sorts of possibilities when it comes to giving your web application a spreadsheet style interface with MS Excel style calculations.

SproutCore JavaScript HTML 5 Application Framework. JavaScript Code Optimization and Minimization Tools Graphs.