public marks

PUBLIC MARKS from camel with tags jQuery & plugin

December 2008

jQuery sIFR Plugin

by 2 others
The jQuery sIFR Plugin is an addon for jQuery that makes it easy to replace text in a web page with flash text (sIFR).

November 2008

jQuery Google Charting

by 2 others
A jQuery plugin that sets a division to request a Google chart.

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)

s3Slider jQuery plugin - Overview

by 1 other
The s3Slider jQuery plugin is made by example of jd`s smooth slide show script.

jQuery.popeye - an inline lightbox alternative | Christoph Schüßler » Informationsarchitektur und so

by 4 others (via)
The plugin transforms an unoredered list of images into a box displaying only one preview image at a time. The box has controls to skim through the preview images and to enlarge a given image. The box expands to accomodate the enlarged version, while the controls are hidden in full image size mode. A simple click on the image returns the box to its compact state. The compact box has fixed, automatically calculated dimensions. The widht and height are calculated so that all thumbnail images are cropped to the smallest width and height in the set and centered resulting image area (stage).

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.

jQuery Plugin: Preload Images - NETTUTS

Today, I came across a great jQuery plugin that will preload your images. This file now has a permanent spot in my "resources" folder. The plugin essentially scans your CSS files and preloads all of the images within it.

jqzoom |

by 5 others
allows you to realize a small magnifier window close to the image or images on your web page easily. I decided to build this jQuery plugin to embed detailed big images in my B2B.So now in few steps you can have your jQZoom in your website,eCommerce or whatever you want.

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.

October 2008

stanlemon.net : jgrowl

by 3 others (via)
jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X's Growl Framework works.

Creating a Virtual Keyboard with jQuery

by 1 other (via)
Virtual jQuery Keyboard - Learn how to create a simple virtual keyboard with jQuery and provide your users with the option of using a virtual keyboard to key in their passwords and prevent keyloggers and other malicious software to track and record their passwords.

timeago: a jQuery plugin

by 5 others
Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago").

Setting Equal Heights with jQuery | Filament Group, Inc.

by 5 others (via)
We wrote a script to "equalize" the heights of boxes within the same container and create a tidy grid — with little overhead. Creating the visual effect of equal-height columns or content boxes has been a challenge ever since we abandoned table-based layouts. When developing complex web applications or site designs we've found that it often makes the most sense from a usability and performance standpoint to use a simple JavaScript workaround: our equalHeights() function determines the heights of all sibling elements in a container, and then sets each element's minimum height to that of the tallest element. When JavaScript is disabled, the boxes or columns appear with varying heights, but the content remains legible and the page is still completely usable.

September 2008

Jcrop - Deep Liquid

by 6 others
Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.

nyroModal :: jQuery Plugin

by 5 others
Les graphistes aiment de plus en plus utiliser des fenêtre modales; elles fournissent en effet un moyen rapide et efficace pour montrer des informations sans recharger une page entière. C'est facile d'utiliser et de designer. Le gros problème auquel j'ai été confonté avec tous les plugins que j'ai essayés —utilisant Prototype/Scriptaculous ou jQuery— est la personnalisation. Tous disent que vous pouvez programmer ce que vous voulez très simplement mais ce n'est pas aussi simple. La CSS par défaut fonctionne bien mais dans la plupart des cas est un mélange entre les éléments obligatoires et optionnels. Ce qui implique que vous devez être très attentif quand vous l'éditez. L'autre problème concerne les animations. C'est le pire. Je n'ai jamais trouvé un plugin permettant de redéfénir simplement les animations. J'ai essayé de résoudre ces problèmes avec mon plugin. J'ai documenté le plus possible. La CSS par défaut ne contient que les options graphiques. Sans elle, le plugin marchera parfaitement —mais sera aussi très laid. Concernant les animations, vous pouvez simplement les redéfinir de A à Z. Grâce aux fonctions d'animation de jQuery comme animate, fadeTo ou le futur enchant, c'est très simple. De plus, j'ai aujouté la possibilité de définir beaucoup de callback à différents moments durant le processus pour vous permettre de modifier les paramètres, le contenu ou exécuter ce que vous voulez.

jquery-asmselect - Google Code

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

August 2008

Select multiple form fields - finding a better solution for multiple selection

by 3 others (via)
Un plugin jQuery permet de sélectionner via une liste déroulante et d'ordonner les résultats : Select multiple avec le plugin jQuery asm C'est pas encore l'idéal mais ça reste une meilleure solution que celle implémentée par défaut dans les navigateurs, il serait temps de faire évoluer un peu certaines interfaces utilisateurs obsolètes...

July 2008

Net Perspective Website Design - Based in College Station, Texas - Products - Scroll Follow

by 1 other
Scroll Follow is a simple jQuery plugin that enables a DOM object to follow the page as the user scrolls.

Plug-in jQuery pour pré-charger les images CSS - MarcArea Weblog

Je suis tombé il y a quelques temps sur un plug-in sympa pour jQuery qui permet de pré-charger les images des fichiers CSS (via). C'est utile dans un certain nombre de cas pour le webdev moderne. Ca m'avait plu et je voulais l'utiliser mais je me suis rendu compte qu'il ne prenait pas en compte les fichiers importés via la règle @import. J'ai donc ré-écrit le script en améliorant 2 ou 3 petites choses : * Je fais gaffe de parser seulement les CSS de type @media screen * Je fais du récursif pour choper les éventuels styles @importés (façon W3C et IE) * Je stock les règles dans un tableau pour éviter d'avoir une seule regex à appliquer sur une seule grosse chaîne, c'est plus performant

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).

camel's TAGS related to tag jQuery

accessibility +   ajax +   anchor +   animation +   api +   box +   canvas +   chart +   cheat sheet +   Cheat Sheets +   checkbox +   code +   color picker +   column +   columns +   convert +   corner +   crop +   css +   date +   deroulant +   design +   diagrammes +   dimensions +   doc +   dock +   documentation +   dom +   draggable +   effect +   equal +   file +   firefox +   flash +   form +   format +   framework +   french +   gallery +   google +   graph +   height +   html +   ie +   image +   images +   inline +   javascript +   jgrowl +   js +   json +   keyboard +   lightbox +   link +   list +   marquee +   mask +   menu +   meter +   modal +   navigation +   news +   open source +   order +   parse +   password +   performance +   php +   picture +   plugin +   plugins +   png +   preload +   projet +   prototype +   reference +   sample +   script +   scroll +   scroller +   select +   site +   slide +   slider +   smooth +   table +   target +   thickbox +   ticker +   time +   tooltip +   transition +   tree +   truncate +   tutorial +   upload +   w3c +   web +   xml +   zoom +