Javascript / Ajax
Get flash to fully experience Pearltrees
jQuery File Upload - Un uploader de fichiers avanc? avec Drag and drop - La Ferme du web
jQuery File Upload est un plugin jQuery permettant de mettre un place un système d'upload de fichiers avancé avec progress bar et drag and drop. D'un point de vue technologique, le plugin n'utilise pas de Flash pour réaliser l'upload mais il est basé sur les open standart HTML5 et Javascript.
Smart breadcrumb - Créer des fils d'arianes avancés avec jQuery - La Ferme du web
Pour ceux qui ne connaissent pas, un fil d'ariane permet de guider l'utilisateur dans la navigation d'un site web, et permet aussi d'améliorer le référencement de ce dernier. Différents styles sont proposés par le plugin pour personnaliser à vos souhaits le fil d'ariane: Icônes à titre de séparateur, style CSS ... Le script vous permettra aussi de gérer un menu déroulant pour accéder en un clic à une partie paralèlle... Reste peut être à le rendre plus SEO friendly (Pour du JS... difficile), notamment en suivant les conseils de Google pour son formattage, afin de le retrouver directement dans les résultats de recherche, comme ceci:
30 Inspiring Examples of Slideshows in Web Design | Inspiration
Slideshows or sliders are obviously a popular trend right now in the web design world – and for good reason. It’s an effective way to highlight something important and create some visual interest. And from a technology standpoint, the popularity of jQuery has made it almost too easy to implement a slideshow. It seems like there is a new jQuery slider plugin released every week. If you’re thinking about incorporating a slideshow in your next web project, we’ve got some inspiration for you.Booklet - Un plugin JQuery pour créer vos EBooks web - La Ferme du web
Côte code, il faut bien entendu inclure dans votre page la librairie JQuery, mais aussi le plugin easing pour les animations du livre, et bien entendu, le plugin Booklet lui-même ainsi que son fichier CSS. Le code HTML est simple, votre livre est représenté par un conteneur auquel vous attribuez un ID ou une class, dans cet exemple il est représenté par l'ID "mybook". A l'intérieur de ce conteneur, vous ajoutez un sous-conteneur de class "b-load": cette dernière permet de simuler un slide. Enfin, ajoutez les blocs qui correspondront à vos pages:
Freeow!
Used by hoopies and froods alike, Freeow! is a plugin for making Growl -like alerts or message boxes on your website. You can customize the look and animation of Freeow! each time a message box appears, and you can alter other options such as whether or not to have the message box hide itself automatically. Not much to it.
This demo shows the integration of a tiny jQuery slider with the jQuery Fancybox Plugin and the Cloud Zoom Plugin. You can navigate through the thumbnails and see a zoomed version when you hover over them. When clicked, the full image is shown using the Fancybox Plugin.
Portfolio Zoom Slider with jQuery
Signature Pad - Signez vos documents web grâce à jQuery et du Canvas - La Ferme du web
Idéal si vous souhaitez que vos visiteurs signent certains documents en ligne, conditions générales de ventes etc. Signature Pad permet de transformer simplement un élément de votre formulaire en un HTML5 Canvas sur lequel il sera possible de dessiner sa signature.Il y a de plus en plus de photos sur le net et l’explosion des réseaux sociaux augmente la proportion des photos avec des personnes. Normal donc que l’on commence à voir apparaitre des solutions de détection de visage . En voici un en jQuery: Face Detection . Ce plugin est une première étape car il permet simplement de détecter les visages et leur attribuer des coordonnées .
Un plugin de détection des visages en jQuery | Neoweb Mag : Dev
Avec l'essor des smartphones Android et iPhone/iPad dans le monde, il devient très intéressant de fournir des applications web compatibles mobile, et pourquoi pas avec des animations javascript qui fonctionnent ! Comme on peut le voir sur ce tableau, tous les derniers navigateurs mobiles sont supportés par jQuery Mobile . Là encore, on peut constater que le navigateur Windows Mobile est bon dernier du classement... Mais les utilisateurs d'HTC HD2 pourront tout de même utiliser Opéra mobile pour un rendu plus juste. La librairie est aussi très orientée interface mobile et proposera différents widgets pour créer des applications réussies en gardant la philosophie mobile.
jQuery Mobile - Le framework Javascript pour mobile made in jQuery - La Ferme du web
Simply ensure you have a holder and, inside, a for each slide. Enusure the holder and the slides have the same fixed dimensions - don't give your slides width/height 100%. The holder should be set to position 'relative' and the slides position 'absolute'. The HTML/CSS behind the examples on this page is included in the source .ZIP. As of 16 September 2010, Blockster is now controllable with navigation, meaning you can employ it not so much as a slides rotator but as a carousel (though if you want a carousel, check this out ).
MITYA.CO.UK | Scripts | Blockster transition effect
Basics of using the tooltip
Overlay is a significant part of the JavaScript/Web 2.0 landscape. This tool handles them all: commercial overlays, modal dialogs and slideshows. TOOLBOX is a set of small niceties. Take control of the mousewheel and your browser's back button. Embed Flash and place masks over your document.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam ligula nunc, pulvinar at, dictum vel, gravida et, ante. Quisque porta cursus metus. Proin imperdiet, libero id egestas auctor, nisi eros dapibus mauris, eget convallis elit ipsum eu odio. Sed purus eros, interdum ut, volutpat vel, sollicitudin quis, ante. Cras dictum, lorem vulputate adipiscing hendrerit, nisl odio feugiat nisl, feugiat euismod eros urna et dui.