Informations
N'hésitez pas à nous rejoindre, plus on est de fous plus on jQuery !
Abonnement
Participer
Membres
Hop une petit librairie qui vous permettra de jouer avec vos champs et zones de texte avec une validation en temps réel. Le tout est bien expliqué et fonctionne grâce à jQuery. Les exemples fournis sont assez explicite : détection de changement sur une zone de texte, comptage du nombre de caractères, sauvegarde en AJAX, etc…
Aller c’est là : http://www.zurb.com/playground/jquery-text-change-custom-event
Partager cet article
Haut de page
Un script sympa (même si il ne sert pas ç grand chose) qui vous permettra de mettre en place des formulaires avec des labels qui se déplacent au focus sur le champs. Dis comme ça, ce n’est pas forcément évident à visualiser mais je vous invite à faire un tour du côté de la démonstration pour en avoir le coeur net.
Ah oui et ça tourne sous jQuery…une fois de plus hein.
Hop par ici : http://davidwalsh.name/sliding-labels-mootools
Partager cet article
Haut de page
Un script sympa qui va vous permettre de mettre en place un carrousel d’éléments HTML avec pas mal de paramètres. les transitions proposées sont très variées et assez originales. De quoi animer vos pages facilement. A noter que cela fonctionne évidement avec jQuery.
Hop par ici : http://fredhq.com/projects/roundabout-shapes/
Partager cet article
Haut de page
Hop le petit script qui vous permettra de mettre en place des select qui se remplissent toute seule en fonction du choix des utilisateurs. C’est pas hyper clair vu comme ça mais je vous conseille de faire un tour par la page de démonstration pour y voir plus clair. Bon comme par hasard, ce script utilise jQuery…
Hé hop par là : http://remysharp.com/wp-content/uploads/2007/09/select-chain.php
Partager cet article
Haut de page
Un article interessant qui compare le code et le résultats de quelques animations avec jQuery et CSS3. L’article ets même accompagné d’une vidéo pour ceux qui n’ont pas de navigateur compatible (dernières versions de Chrome et Safari). En conclusion, on peut dire que la syntaxe CSS3 est quand même plus sympa et semble moins obscure que celle de jQuery. A voir si cela va rentrer dans les moeurs…
Hop par ici : http://www.marcofolio.net/css/css3_animations_and_their_jquery_equivalents.html
Partager cet article
Haut de page
Un tutorial vous permettant de mettre en place des animations sur plusieurs éléments en jQuery sans passer par un système de « queue ». Cette méthode vous permettra de gagner en finesse et en douceur. Habituellement, on utilisait la fonction stop(); avant de lancer une animation sur un autre élément (ou alors lorsque la soouris quitte l’élément dans le cadre d’un rollover/rollout). Le problème de celle-ci est qu’elle arrête l’animation de façon brut.
Voici donc la solution et c’est par ici : http://css-tricks.com/full-jquery-animations/
Partager cet article
Haut de page
Pour ceux qui se sont déjà demandé comment faire pour avoir un élément en float mais qui reste fixe comme par exemple, sur l’Apple Store (regardez bien le panier, il reste en place même si l’on fait défiler la page), voici la solution. Obtenir un effet tel que celui-ci reste une procédure relativement lourde puisqu’il faut passer par un peu de Javascript (mais quand on aime on ne compte pas…n’est-ce pas ?).
jQuery for designer nous propose une solution basée sur du…jQuery (quelle surprise). Le tutorial est clair et bien fichu, une vidéo est même disponible (probablement pour ceux qui ne savent pas faire du ctrl+c/crtl+v).
Hop par ici : http://jqueryfordesigners.com/fixed-floating-elements/
Et une petite parathèse pour vous signifier que vous pouvez maintenant être fan d’excargot sur Facebook
Partager cet article
Haut de page
Un script sympa qui vous permet d’afficher des informations supplémentaires dans un tableau. Au clic, le visiteur voit apparaître une section jusqu’alors masquée comprenant autant de donnée que vous voulez. C’est basé sur jQuery et je trouve ça sympatoche.
Hop c’est ici : http://webworkflow.co.uk/plugins/detailsRow/
Partager cet article
Haut de page
Easy front est un nouveau framework CSS qui vous permet de créer rapidement et facilement des sites web sans problème de compatibilité navigateur. Il intégre également une librairie javascript incluant d’office certains effet (lightbox sur image, tooltips, etc…) et basée sur jQuery.
Je trouve l’idée sympa pour les « petits » projets (genre site d’une dizaine de pages statiques) car il évite la perte de temps habituellement consacrée au débug CSS.
Voilà et c’est par là : http://easyframework.com/overview.php
Partager cet article
Haut de page
David Walsh nous propose toujours des scripts simples et efficaces. Ses démonstrations vont toujours droit au but et sont agréables à lire. Ici, il nous propose une méthode afin de créer un header fixe suivant la navigation du visiteur et s’animant en fonction de ses actions. Comme dit, c’est toujours le genre de truc qu’on aimerait bien balancer sur une maquette mais on passe toujours tellement de temps à chercher comment faire que l’on laisse tomber.
Ce qui m’a également fait (un peu) rigoler, c’est qu’il propose le script à la fois pour mooTools et pour jQuery. Perso, j’ai un peu l’impression de mooTools est entrain de mourir…
Hop c’est pas là : http://davidwalsh.name/persistent-header-opacity
Partager cet article
Haut de page
