Farbtastic: jQuery color picker plug-in | Steven Wittens - Acko. Basic Usage Include farbtastic.js and farbtastic.css in your HTML:<script type="text/javascript" src="farbtastic.js"></script> <link rel="stylesheet" href="farbtastic.css" type="text/css" /> Add a placeholder div and a text field to your HTML, and give each an ID:<form><input type="text" id="color" name="color" value="#123456" /></form> <div id="colorpicker"></div> Add a ready() handler to the document which initializes the color picker and link it to the text field with the following syntax:<script type="text/javascript"> $(document).ready(function() { $('#colorpicker').farbtastic('#color'); }); </script> See demo1.html and demo2.html for an example (jquery.js is not included!).
Styling The color picker is a block-level element and is 195x195 pixels large. You can control the position by styling your placeholder (e.g. floating it). Note that the black/white gradients inside wheel.png and mask.png were generated programmatically and cannot be recreated easily in an image editing program. Ajax Fancy Captcha - jQuery plugin. Drag and Drop Captcha Demo What is it: Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from bots and spammers.
We are introducing you to a new, intuitive way of completing “verify humanity” tasks. In order to do that you are asked to drag and drop specified item into a circle. Captcha’s security level is medium, with the emphasis on nice looking and user friendly qualities while still offering reasonable protection from unwanted “guests”. Update for September 2009: reduced size,easier integration,easy translate,few common problems fixed.
File structure: -captcha –imgs –captcha.css –jquery.captcha.js –captcha.php –iepngfix.htc -latest-jquery -latest-jquery-ui -example.html -readme.txt How it works: It calls captcha.php file and gets a random number. How to install: Default Options: Dependencies: Download: Please note, if you downloaded files to your computer it won’t work properly unless you start it through web server since it uses AJAX requests. Links: 15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials. We all know about the popularity of content sliders and carousels. In recent years they’ve really taken the web by storm. Visitors are much more likely to interact with dynamic content rather than static links, and when implemented properly they do work exceptionally well by allowing you to place your most important content and products at the front and center of your website.
These vanilla JavaScript and jQuery slideshow and carousel plugins are simple to implement with just a few lines of code. Most of the effects are created using JavaScript but there are a few that effectively make use of CSS transitions and animations. Even though these scripts are lightweight, it is recommended that you stick to using just a single slider/carousel per web page, as too much of a good thing tends to drastically affect the page loading time. You might also like this small selection of jQuery image gallery and lightbox plugins.
Skippr Skippr is a super simple and lightweight slideshow plugin for jQuery. Mozilla Labs Jetpack | Exploring new ways to extend and personal. Turn Internet trash into money with ReFuel. Last night Finnish energy company St1 launched ReFuel, their new biofuel product. ReFuel is interesting in the sense that it is produced from biowaste, and so no farmland is used in its production. To support the product launch we helped to create ReFuel Tehdas, an application for converting internet trash (bad pictures, advertisement banners) into money. To use it, you install a Firefox 3 extension with which you can then flag images as garbage: The image will then be sent to our garbage processor, which churns it into money for your account. You can claim some of the money by ordering a St1 Visa card. Other users of the extension can see what has been already processed, as all garbage images are automatically blanked out from their respective websites: This makes browsing even the noisiest websites a serene experience, as dutiful ReFuel users have probably already removed most of the obnoxious blinking banner ads.
To try it out, register to the site or watch the screencast. jQuery Tag Suggestion. 28 Dec If you’re familiar with del.icio.us you will be familiar with the tag suggesting as-you-type support. The reason why, I believe, the tagging works so well within del.icio.us is that it helps you create a subset of tags that you commonly use for different types of links. This way, it makes it easier to find tagged content later on. i.e. conversely if it didn’t suggest links, it would be likely that you would have different variations or even spellings of the same tag on (what should be) grouped content.
So, in an effort to adopt this approach, I’ve created a jQuery plugin for tag suggestion. Download tag.js The plugin has been tested with: IE 7Firefox 2Safari 3Opera 9 If anyone has any problems in any other browsers (or even these), I would appreciate the feedback. Demonstration View the tag suggestion demo View the source for the demo The demonstration shows off both the static based tags and the Ajax based tag suggestion. Example code Static example Static global example Ajax example Style.
Get Glue. Connect with friends around things you visit! Social Network for Entertainment Discover what to watch, share what you're watching with friends and fans, and get updates from your favorite shows. Facebook Connect Plugin Directory - Facebook Developers Wiki. MarkItUp! Jmedia : Extras : contentwithstructure. jQuery Flash Plugin.