public marks

PUBLIC MARKS from camel with tags javascript & jQuery

December 2008

Accroître les capacités des sélecteurs de jQuery

by 1 other
Je suis sûr que vous savez tous qu'il est possible de créer des plugins et d'étendre divers aspects de la bibliothèque javascript jQuery, mais savez-vous que vous pouvez aussi étendre les capacités de son moteur de sélection ? Eh bien, vous pouvez ! Par exemple, vous pourriez vouloir ajouter un nouveau sélecteur :inline, qui retournerait les éléments qui sont affichés inline. Regardez :

jQZoom Evolution

by 5 others (via)
JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework.jQzoom is a great and a really easy to use script to magnify what you want.

Simple jQuery Spy Effect | jQuery for Designers - Tutorials and screencasts

by 3 others
The great thing about Realmac's QuickSnapper site is that if JavaScript is turned off, the list of snaps is visible by default. So we'll follow suit. It's also worth noting that their version only keep pulling in new items until it hits the end. I'll show you how you can keep the list looping, and in a follow up tutorial I'll show you how to hook this in to an Ajax hit that doesn't hammer your server and keeps the effect nice and smooth.

November 2008

Galleriffic | A jQuery plugin for rendering fast-performing photo galleries

(via)
Galleriffic was inspired by Mike Alsup's Cycle plugin, but with performance in mind for delivering a high volume of photos. This is my first experiment with jQuery, so I would love feedback on how to improve this plugin. Features * Smart Image Preloading after the page is loaded * Thumbnail Navigation (with pagination) * Bookmark-friendly URLs * Slideshow (with auto-updating url bookmarks) * Image fade transitions * Optional download link for the original image * Flexible configuration * Graceful degradation when javascript is not available * Now supports multiple galleries per page (View Multiple Gallery Demo)

CrossSlide - A jQuery plugin to create pan and cross-fade animations

by 7 others (via)
CrossSlide is a jQuery plugin that implements in Javascript some common slide-show animations, traditionally only available to the web developer via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery's animation facility, so it is as portable across browsers as jQuery itself (a lot.)

jQuery Corners

by 4 others (via)
This jQuery plugin will easily create beautifully rounded corners. No images or obtrusive markup necessary. Architectural features: * Less than 8000 bytes after yui compression. * Beautiful and fast anti-aliasing for older or stubborn browsers. * Degrades well for browsers with javascript turned off. * Native browser corners used on Safari, iPhone, and Firefox 3. * Form and anchor buttons are easily styled and rounded. * Documentation and test coverage (this file).

Un clone de LightBox en Javascript et JQuery | Le blog de Yohann CIURLIK | Spawnrider.Net :: Blog

(via)
Par Yohann CIURLIK le 17 novembre 2008, 23:11 Stephane Caron à écrit un clone du célèbre plugin Lightbox avec JQuery. Un plugin pratique réalisé en Javascript permettant de visualiser des aperçus de photos et d’images.

Jcrop Manual - Deep Liquid

(via)
Jcrop is a powerful image cropping engine for jQuery. It's been designed so developers can easily integrate an advanced image cropping functionality directly into any web-based application without sacrificing power and flexibility (or the weeks of coding, testing and debugging). Jcrop also features clean, well-organized code that works well across most modern web browsers. Here you'll find the documentation for Jcrop itself. This guide assumes that you have a basic knowledge of HTML and including files into a web page. At the end of the article, there are links to more advanced concepts and implementation techniques.

September 2008

jquery-asmselect - Google Code

by 5 others
A progressive enhancement to select multiple form elements. It provides a simpler alternative with the following advantages...

July 2008

PrettyPhoto - a jQuery Lightbox clone

by 3 others, 1 comment
PrettyPhoto - a jQuery Lightbox clone July 13th, 2008 in Javascript | Tags: Gallery, jQuery | No Responses A new version 2.1 of prettyPhoto released. Descriptions/Titles now support html code. Usage is simple, just include the jQuery library, prettyPhoto javascript and the prettyPhoto CSS file and add rel=”prettyPhoto” to any picture you want to activate the prettyPhoto feature. If you want the images to be a part of a gallery, just add the gallery name in braket. Tested and working in Firefox 2-3 (Mac/PC), Safari 3.1.1 (Mac), IE 6-7. Uncompressed version - script: 16kb / CSS: 8kb, compressed size - script: 8kb / CSS: 3.8kb.

jQuery Multiple File Upload Plugin v1.29 (2008-06-26)

by 4 others
The Multiple File Upload Plugin (jQuery.MultiFile) is a non-obstrusive plugin for the jQuery Javascript library that helps users easily select multiple files for upload quickly and easily whilst also providing some basic validation functionality to help developers idenfity simple errors, without having to submit the form (ie.: upload files).

June 2008

April 2008

Accessible News Slider: A jQuery Plugin

by 9 others (via)
Accessible News Slider is a JavaScript plugin built for the jQuery library. It meets the accessibility requirements as outlined by WCAG 1.0.

March 2008

jQuery File Tree

by 1 other
jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code.

FancyBox - jQuery image zooming plugin

by 10 others
Inspired by many other lightbox-like tools, now made kinda different image zooming script for those who want something fresh. It`s powered by great javascript library - jQuery, tested with IE6, IE7, Firefox Features: * Automatically scales large images to fit in window * Adds a nice drop shadow under the full-size image * Image sets to group related images and navigate through them

Cheat Sheets des principales librairies javascript - Guillaume Bizet's Blog | Blogging, Web2.0, Dotclear et Dotclear2

by 2 others (via)
Presque tous les blogs et autres sites web intègrent dorénavant ces fabuleuses librairie javascript que sont Jquery, Mootools ou encore Prototype qui permettent d'intégrer un peu d'animation voire de l'ajax dans ces mêmes sites ou blogs. Elle sont dans l'ensemble assez facile à prendre en main mais certains, comme moi, ne les maitrisant pas assez !!! Du coup, j'ai été à la pèche au fiches récapitulatives des fonctions principales, plus communément appelées "Cheat Sheets".

galleria - Google Code

by 3 others (via)
Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS. The core of Galleria lies in it's smart preloading behaviour, snappiness and the fresh absence of obtrusive design elements. Use it as a foundation for your custom styled image gallery.

January 2008

Apprendre et comprendre jQuery - 1/3 - Babylon-Design - Tutoriaux WebDesign : Adobe Photoshop, XHTML/CSS, Accessibilité

by 5 others
Introduction rapide et en douceur à l'utilisation d’une des bibliothèques JS à la mode. Ou comment ajouter une couche d’interactions simplement et proprement à vos pages. NB : ce billet sera divisé en trois parties.

Tutorial jQuery

by 2 others
jQuery est une bibliothèque javascript open-source et cross-browser qui permet de traverser et manipuler très facilement l’arbre DOM de vos pages web à l’aide d’une syntaxe fortement similaire à celle d’XPath (qui est la syntaxe de manipulation d’arbre XML). jQuery vous permet par exemple de changer/ajouter une classe CSS, créer des animations, modifier des attributs, etc. mais également de gérer les événements javascript ainsi que de faire des requetes AJAX le plus simplement du monde.

jScroller a Autoscroller for jQuery by Markus Bordihn

by 5 others
This Javascript Autoscroller is Crossbrowser compatible and also W3C compatible, because its dont used marquee.

November 2007

Interface elements for jQuery - About Interface

by 19 others
Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery.

FastFind Menu

by 4 others
This page demonstrates the ActiveSpotLight FastFind Menu Script. ActiveSpotLight provides the javascript related to this project under the BSD License (See Below). This script is still under development and has been tested in FF1.5-2, IE 6-7, Opera 9, and Safari. The current build has the following issues in Safari: Arrows do not appear to show in-menu versus external links, as appear in the other browsers.

Plugins/Xpander at version 2 – jQuery – Development

(via)
This plugin, when attached to a standard link will display that link inline as a toggling div based on the src attribute of the original link. This plugin allows the content to be reachable for users without Javascript installed or running. There are several customizable options available as well

camel's TAGS related to tag javascript

accessibility +   ajax +   animation +   application +   applications +   blog +   box +   browser +   cache +   code +   compress +   compression +   corner +   corners +   crop +   css +   debug +   design +   dev +   developement +   dhtml +   dock +   documentation +   dom +   drag-drop +   editor +   effect +   effects +   extension +   file +   firebug +   firefox +   flash +   form +   formulaire +   framework +   gallery +   gestion +   google +   highlight +   history +   html +   http +   ie +   ie6 +   image +   images +   interface +   java +   jQuery +   js +   lang:en +   librairie +   lightbox +   list +   menu +   navigation +   online +   optimize +   packer +   performance +   php +   php5 +   picture +   player +   plugin +   png +   programming +   prototype +   script +   scroll +   scrollbar +   scroller +   search +   security +   server +   site +   software +   standards +   svg +   swfobject +   table +   tips +   tools +   tree +   tutorial +   tutoriel +   upload +   validation +   web +   web-design +   web2.0 +   webdesign +   webdev +   windows +   wysiwyg +   xhtml +   xml +   xmlhttprequest +   zoom +