FrameLinks

jquery, css, css3, démos, plugins, framework, antisèche, cheat sheet, cms, générateur, html, php, animation, menu, slider, slideshow, php5, drag, drop, ajax

Les frameworks, CMS, plugins, démonstrations et antisèches présentés sur FrameLinks sont la propriété exclusive de leurs auteurs. Les dysfonctionnements, défauts d'affichage et autres bugs liés à leur utilisation doivent être signalés sur les sites d'origines. Il en va de même pour les conseils d'usage, les précisions techniques ou tout autre forme de support spécifique.

52 articles
Rubrique : Démonstrations

Démo : 10 tutoriels jQuery pour webdesigners

Vendredi
21
juin
2013
X com

Lien :
http://webdesignerwall.com

Description :
Cette article réunit dix tutoriels utilisant jQuery pour les webdesigners. Grâce à ces démonstrations (que vous trouverez ci-dessous) qui comprennent le code, vous apprendrez à faire un panneau coulissant simple, faire disparaître un élément, des effets de transition chain-mesure, deux exemples d’accordeon, deux effets d’animation avec hover, des blocs entiers cliquable, des panneaux pliables, effacer/approuver ou mettre en spam un commentaire sous wordpress, faire une galerie d’images et faire une liste de liens. Toutes les démonstrations sont clairement expliquées.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Afficher et créer un compte à rebours

Vendredi
10
mai
2013
X com

Lien :
http://tutorialzine.com/

Description :
Grâce à ce tutoriel, vous allez pouvoir créer un compte à rebours avec jQuery. Il vous montrera les jours, les heures, les minutes et les secondes restantes à votre événement, et vous pourrez voir aussi une mise à jour d’animation sur chaque seconde. Tout est clairement détaillé, de la mise en place des différents codes jusqu’à la réalisation du compte à rebours. TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
   

TOUS LES LIENS

Démo : Album photo avec une animation

Mardi
19
février
2013
X com

Description :
Grâce à cette démonstration, vous allez pouvoir créer un album avec une animation de type diaporama avec jQuery et du CSS3. Inspiré par Facebook, où vous passez la souris sur un album et les photos se changent. Dans cette démonstration (voir en-dessous), c’est pareil,  il y a six albums photos, et au passage de la souris la photo se change. Alors, le tutoriel est détaillé et bien sûr, vous pouvez le modifier à votre goût.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Animer un hover avec jQuery

Dimanche
6
janvier
2013
X com

Description :
Grâce à cette démonstration, vous allez pouvoir apprendre à animer un hover avec jQuery au passage de la souris. C’est très simple, il vous suffit d’avoir des images, de copier le code jQuery, css et html et le tour est joué. Simple et efficace lorsqu’on veut arriver à ce résultat.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
   

TOUS LES LIENS

Démo : Charger et animer du contenu avec jQuery

Mercredi
17
juillet
2013
X com

Lien :
http://net.tutsplus.com/

Description :
Grâce à cette démonstration, vous allez apprendre à charger et animer du contenu avec jQuery et de l’ajax. Le tutoriel est très complet et toutes les étapes pour inclure cette méthode dans votre site sont clairement définie.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
       

TOUS LES LIENS

Démo : Coins de boutons arrondis avec jQuery

Mardi
27
juillet
2010
X com

Description :
Cette démonstration permet d’éviter de générer avec Photoshop des boutons arrondis avec tous les inconvénients que cela comporte pour les graphistes (perte de temps). Voici donc une solution simple qui ne comporte pas beaucoup de codes. Il faut dire aussi que les explications sont claires et faciles. C’est donc une bonne astuce pour gagner du temps.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Construire son propre système de vote avec jQuery

Jeudi
11
avril
2013
X com

Description :
Grâce à cette démonstration, vous allez pouvoir réaliser un simple système de vote avec jQuery et le cms WordPress. C’est un excellent tutoriel, très détaillé et donc facile à comprendre. Suivez les étapes à la lettre (étape 1 : La présentation, étape 2 : Balise HTMl, étape 3 : CSS3, étape 4 : jQuery, étape 5 : PHP et crochets, étape 6 : création d’une fonction pour générer le balisage HTMl, étape 7 : petit plus…) et le tour est joué. Simple, personnalisable, et beaucoup moins compliqué qu’un plugin.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
 

TOUS LES LIENS

Démo : Création d’un lecteur vidéo

Samedi
11
juin
2011
X com

Description :
Cette démonstration vous permettra de créer un lecteur vidéo avec du HTML5, du CSS3 et du jQuery. Dans la démonstration, le lecteur vidéo utilise le thème par défaut mais il peut être personnalisable comme vous le souhaitez. Le tutoriel est vraiment très complet et avec un peu de connaissance dans les langages, il sera facile à comprendre.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
   

TOUS LES LIENS

Démo : Créer des onglets avec jQuery 1.4 et du CSS3

Mercredi
28
avril
2010
X com

Description :
Cette démonstration permet de créer des onglets avec jQuery 1.4 et du CSS3. Toutes les étapes pour réaliser ces onglets très jolis sont très claires et facile à reproduire. Le code source est facilement modifiable et l’ajout de nouveaux onglets aussi.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Créer des onglets dynamiques avec jQuery

Mercredi
3
mars
2010
X com

Description :
Cette démonstration va vous montrer comment créer des onglets qui peuvent être ajoutés les uns à côté des autres et retirés dynamiquement en cliquant sur la croix correspondante à l’onglet (comme dans un navigateur). De l’idée de cette démonstration jusqu’à la réalisation, tout est clair et bien expliqué. Il suffit de suivre le tutoriel tout simplement.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Créer des transitions de page avec jQuery

Mercredi
31
mars
2010
X com

Description :
Cette démonstration qui utilise jQuery permet d’effectuer des transitions de page web fluide, légère, sympathique et agréable à regarder en attendant le chargement d’une page web. Les étapes pour réaliser cet effet sont expliquées dans le tutoriel.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
   

TOUS LES LIENS

Démo : Créer le jeu Tetris avec jQuery

Dimanche
3
février
2013
X com

Description :
Grâce à cette démonstration, vous allez pouvoir créer le célèbre jeu Tetris. Il n’y a pas d’explication longue, juste le jeu, et le code en fichier JS. Vous pouvez le télécharger dans le lien ci-dessous. Le code est très clair. Après, vous pouvez modifier la mise en page pour l’intégrer sur votre site à votre guise. Bon jeu.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
 

TOUS LES LIENS

Démo : Créer un contenu animé dans un menu

Vendredi
26
octobre
2012
X com

Description :
Cette démonstration vous permettra de créer un contenu animé dans un menu avec jQuery. Les éléments du menu s’activent et quand on clique dessus, une zone de contenu s’affiche avec plus d’informations. De plus, l’image de fond change en fonction de l’élément du menu qui a été cliqué. Le tutoriel est bien détaillé et facile à suivre et à comprendre.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Créer un graphique intéractif avec jQuery

Dimanche
30
décembre
2012
X com

Description :
Grâce à cette démonstration, vous allez pouvoir créer un graphique intéractif avec du CSS3 et du jQuery. Comme vous pourrez le voir dans le lien de la démonstration en-dessous, deux types de graphiques sont réalisés, l’un sur l’autre. Le tutoriel est long mais c’est très bien expliqué, il suffit de suivre les étapes au fur et à mesure. Je précise tout de même que pour cette démonstration, il vous faudra télécharger auparavant le plugin jQuery “ flot ”.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
 

TOUS LES LIENS

Démo : Créer un header animé avec jQuery

Dimanche
7
mars
2010
X com

Description :
C’est une démonstration qui permet de créer un header animé avec jQuery. En fait, c’est le background du header qui est vivant (c’est à dire qu’il bouge tout le temps). Par exemple, vous pourriez y mettre des nuages dans le ciel qui vont et viennent, ce serait votre background. Le tutoriel est bien expliqué et reste accessible pour les débutants.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Créer un lecteur audio avec jQuery

Lundi
24
décembre
2012
X com

Description :
Grâce à cette démonstration, vous allez pouvoir réaliser un lecteur audio avec jQuery, du HTML5 et du css3. Le tutoriel est clair (il suffit de suivre les étapes à la lettre) mais il vous faut un minimum de connaissances et de pratique pour tout comprendre. Sinon, le résultat est simple et très réussi quand on veut un lecteur audio (lecture, pause, augmenter ou diminuer le son).
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
   

TOUS LES LIENS

Démo : Créer un menu accordéon en jQuery

Vendredi
11
décembre
2009
X com

Description :
Voilà une façon très simple de créer un menu accordéon avec jQuery. Le code est clair et court (seulement sept lignes de codes jQuery). Le tutoriel est bien expliqué (et en français) et la démonstration est étonnante. Même dans les codes, l’auteur du blog (arnaud-k) a laissé des commentaires pour vous permettre de comprendre au mieux.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Créer un menu déroulant vertical en jQuery

Lundi
14
décembre
2009
X com

Description :
Grâce à cette démonstration, vous pourrez créer un menu déroulant vertical avec du jQuery et du CSS. C’est un menu avec des nouvelles fonctions comme les info-bulles au passage de la souris sur le menu et le message de chargement (loading).Le tutoriel est bien expliqué et donc accessible à tout le monde. Cet exemple de menu fonctionne dans tous les principaux navigateurs.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Créer un slider avec le plugin FlexSlider

Samedi
26
janvier
2013
X com

Description :
Grâce à cette démonstration, vous allez pouvoir créer votre slider avec le plugin jQuery FlexSlider et du CSS3. Il vous suffit de suivre le tutoriel à la lettre. Sans oublier, que le style, en CSS3 est paramétrable comme vous le souhaitez. Le rendu est fluide et très élégant.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
   

TOUS LES LIENS

Démo : Créer une animation sur un menu avec jQuery

Mardi
4
décembre
2012
X com

Description :
Grâce à cette démonstration, vous allez pouvoir réaliser une animation sur un menu horizontal avec jQuery. Vous allez d’abord apprendre à créer le design de l’animation dans photoshop, puis à disposer les éléments dans votre code html avec tout le style en css, et enfin, vous disposerez les quelques lignes de codes jQuery pour l’animation. Le tutoriel est bien expliqué (en images) et facile à comprendre.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Créer une galerie décorative

Dimanche
10
janvier
2010
X com

Description :
Cette démonstration vous permettra de créer une galerie d’images décorée de différentes façons simplement en utilisant une astuce CSS, du HTML et du jQuery. Les différentes étapes pour réaliser une galerie décorative sont clairement expliquées dans le tutoriel (que vous trouverez dans le lien dessous).
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Créer une mini barre d’outils Microsoft Office

Samedi
23
octobre
2010
X com

Description :
Cette démonstration est surprenante. Elle permet de créer une mini barre d’outils microsoft Office (boutons gras, italique, souligné et lien) avec du jQuery et du CSS3. Vous sélectionnez la partie du texte où vous voulez agir, vous faîtes un click droit et la barre d’outils s’affiche. Le tutoriel est clair et bien expliqué, il suffit de suivre les explications petit à petit.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
 

TOUS LES LIENS

Démo : Des messages d’alerte avec jQuery

Mardi
18
décembre
2012
X com

Description :
Grâce à cette démonstration, vous allez pouvoir créer des messages d’alerte avec jQuery et du CSS3. Les différentes étapes (lignes de codes html, css3 et jQuery) pour arriver au résultat de la démonstration, sont clairement expliquées. Le résultat est simple et fluide, mais cela peut être utile dans certains cas. La personnalisation des messages d’alerte (qui s’afficheront au click) peut être modifiée (selon vos goûts).
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
 

TOUS LES LIENS

Démo : Effet de porte coulissante avec jQuery

Jeudi
3
décembre
2009
X com

Description :
Cette démonstration vous permettra de créer un effet de porte coulissante verticale avec jQuery, du CSS et du HTML. Il est également possible d’avoir le même effet horizontalement ou en diagonale. Vous trouverez toutes les explications ainsi que les codes détaillés dans le tutoriel (qui se trouve dans le lien dessous).
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Effet porte de garage sur un menu

Mercredi
13
janvier
2010
X com

Description :
Grâce à cette démonstration, vous pourrez créer un effet de porte de garage sur votre menu. C’est à dire qu’au passage de la souris, le titre de l’onglet se soulèvera comme une porte de garage. Le tutoriel est à peu près clair. Il vous suffit de lire doucement les étapes pour réaliser cet effet.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Exemple d’un post ScrollTo avec jQuery

Mercredi
17
novembre
2010
X com

Description :
Cette démonstration permet de créer un ScrollTo avec jQuery (très fluide). Revenir en haut de la page, descendre, aller à la page suivante ou précédente, descendre jusqu’aux commentaires, voilà tout ce qui est possible de créer avec cette démonstration. Le tutoriel est clair et très facile à suivre.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
 

TOUS LES LIENS

Démo : Faire un menu responsive avec jQuery et du CSS3

Dimanche
21
juillet
2013
X com

Lien :
http://www.freshdesignweb.com

Description :
Cette démonstration vous permettra de créer un menu de navigation responsive en utilisant du CSS3 et jQuery. Le tutoriel est très clair. De plus, vous pouvez télécharger le code pour réaliser ce menu.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
   

TOUS LES LIENS

Démo : Faire une horloge numérique avec jQuery

Jeudi
27
juin
2013
X com

Lien :
http://tutorialzine.com

Description :
Grâce à cette démonstration, vous allez pouvoir créer une horloge numérique toute simple avec jQuery et du CSS3. Le tutoriel est très clair. Il vous suffit de suivre les étapes une par une. TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Faire une liste de course Drag & Drop avec jQuery

Mardi
2
avril
2013
X com

Description :
Cette démonstration toute simple est basé sur le drag & drop et jQuery. Dans ce tutoriel vous allez créer une liste de courses, dans laquelle vous pourrez supprimer, ajouter ou déplacer des éléments. Le tutoriel est en français et vraiment très complet.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
   

TOUS LES LIENS

Démo : Faire une page 404 animée

Jeudi
7
mars
2013
X com

Description :
Voici une démonstration qui vous montre un exemple pour créer une page 404 animé. Cette démonstration est facilement personnalisable et modifiable. Le tutoriel pour réaliser cette démonstration est défini très clairement (le HTML, le CSS et enfin le code jQuery). Il faut savoir que tôt ou tard, un internaute tapera  une mauvaise url ou un lien sera corrompu sur votre site et c’est ainsi qu’il tombera sur votre page 404. C’est à vous de voir si vous voulez une page 404 différente de la norme.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
   

TOUS LES LIENS

Démo : Formulaire de connexion avec jQuery

Jeudi
15
mars
2012
X com

Description :
Grâce à cette démonstration vous allez pouvoir créer un formulaire de connexion avec jQuery. La documentation est claire et est expliquée en détail (de la mise en page dans Photoshop jusqu’à la réalisation final des formulaires). Il y a en tout seize étapes qui demande un minimum de maîtrise dans tous les domaines utilisés pour cette réalisation.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Info-bulles ou Screenshot avec jQuery

Jeudi
18
février
2010
X com

Description :
Ces démonstrations vous montrent trois façons de créer des info-bulles avec jQuery. Les trois façons pour réaliser ces différentes info-bulles sont expliquées et claires. Le tutoriel est simple (ainsi que les scripts) et les effets sont élégants.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : jQuery Magicline Navigation

Dimanche
28
mars
2010
X com

Description :
Cette démonstration nous montre comment réaliser une ligne qui glisse dessous et à l’intérieur d’un menu horizontal. Vous trouverez deux exemples dans les démonstrations en-dessous. L’idée est qu’au passage de la souris un trait de soulignement ou un fond coloré suivent. Cet effet dans un site est vraiment très chic.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Menu Codename Putterfish

Vendredi
29
janvier
2010
X com

Description :
Dans cette démonstration, vous allez apprendre à réaliser une décoloration progressive de la couleur au passage de la souris sur les boutons de votre menu. Cela donne un effet très esthétique et jolie. Les étapes pour créer cet effet sont bien expliquées. Il vous suffit de suivre les indications et le tour est joué.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Menu de navigation pour mobiles avec jQuery

Jeudi
11
juillet
2013
X com

Lien :
http://www.hongkiat.com/

Description :
Grâce à cette démonstration, vous allez pouvoir créer un menu de navigation animée (avec jQuery) pour mobiles. Ce menu est simple, fluide et très joli. Toutes les étapes pour le réaliser sont clairement expliquées. De plus, vous pouvez télécharger le code source en-dessous. TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Menu Drop Down avec jQuery et du CSS

Mercredi
20
janvier
2010
X com

Description :
Cette démonstration vous permettra de créer un menu déroulant simple et très joli. Le tutoriel est très clair et donc accessible à tout le monde. Toutes les étapes pour réaliser ce menu (qui est personnalisable) sont numérotées (1 : HTML, 2 : CSS et 3 : jQuery) de un à trois. Il vous suffit juste de suivre ce qui est écrit.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
   

TOUS LES LIENS

Démo : Menu horizontal avec un effet flottant

Jeudi
31
décembre
2009
X com

Description :
Cette démonstration nous montre comment réaliser un menu horizontal avec un effet flottant tout en utilisant le plugin jQuery.easing et la fonction animate de jQuery. Cela donne un menu vraiment très élégant et simple à refaire.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Menu vertical animé avec jQuery et du CSS

Mercredi
16
juin
2010
X com

Description :
Cette démonstration permet de créer un menu vertical animé avec jQuery et du CSS. Le tutoriel est clair et très bien expliqué. Vous verrez que toutes les étapes sont faciles à réaliser. Le résultat est simple et très sympathique, comme vous pouvez le voir dans la démonstration (en-dessous).
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Menu vertical sur le click droit de la souris

Jeudi
22
avril
2010
X com

Description :
Cette démonstration permet de créer un simple menu déroulant sur le click droit de la souris avec le framework jQuery. Le tutoriel est très simple et facile à comprendre pour les débutants. Toutes les étapes sont bien expliquées.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
 

TOUS LES LIENS

Démo : Mini système de recherche avec jQuery

Mercredi
16
janvier
2013
X com

Description :
Grâce à cette démonstration, vous allez pouvoir réaliser un petit système de recherche avec jQuery. Le tutoriel est détaillé et clairement expliqué. Toutes les étapes sont bien définies. Bien sûr, vous pouvez modifier, améliorer et personnaliser ce mini système de recherche à votre goût.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
 

TOUS LES LIENS

Démo : Nuage de tags en 3D avec jQuery

Vendredi
30
octobre
2009
X com

Description :
Le tutoriel (en anglais) est vraiment bien expliqué (code HTML, css et jQuery). Les mots-clés défilent plus où moins vite au passage de la souris (de haut en bas et inversement). L’effet réalisé dans cette démonstration est un bon intermédiaire au plugin (wp-cumulus pour WordPress) en flash qui permet aussi d’afficher un nuage de tags en 3d.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
 

TOUS LES LIENS

Démo : Onglets coulissants avec jQuery

Samedi
6
avril
2013
X com

Description :
Grâce à ce tutoriel, vous allez apprendre à réaliser des onglets qui coulissent au passage de la souris avec jQuery. Simple, rapide, fluide et efficace. Le tutoriel est bien expliqué et toutes les étapes sont détaillées (d’abord le HTML, puis le CSS et ensuite jQuery). Les codes sont téléchargeables.Et vous trouverez aussi des conseils et des astuces en CSS.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
   

TOUS LES LIENS

Démo : Petites icônes de menu qui tournent

Samedi
27
août
2011
X com

Description :
Cette démonstration vous permettra de créer des petites icônes qui tournent sur elles-mêmes avec le menu qui s’agrandit ou diminue suivant le lien dans le menu que l’on choisit. Le tutoriel est très complet et bien expliqué.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Rotation d’un panneau d’affichage

Vendredi
15
janvier
2010
X com

Description :
Cette démonstration semble réelle. Elle permet de réaliser un système de rotation d’images exactement comme sur les panneaux d’affichage publicitaires. Les différentes étapes pour créer cet effet sont expliquées dans le tutoriel (que vous trouverez dans le lien dessous). Tout est clair, il vous suffit de suivre ce qui est écrit.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Scroll Menu avec jQuery

Mercredi
9
décembre
2009
X com

Description :
Grâce à cette démonstration vous pourrez créer un menu déroulant qui défile du haut vers le bas (et inversement) avec la souris (axe y) en jQuery. Le code HTML est très simple. Le code CSS et jQuery font le reste. À noter que dans cette démonstration, le plugin jQuery.color est utilisé pour animer la couleur de fond du scroll menu.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Simplest jQuery Slideshow

Mercredi
23
décembre
2009
X com

Description :
C’est un diaporama simple sans contrôle d’animation (aucun bouton stop, aucun bouton lecture, aucun bouton pause). Réécrit à partir d’un plugin déjà existant, ce diaporama écrit en moins de vingt lignes, vous évitera de télécharger un plugin jQuery lourd avec des fonctions inutiles.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Slide Out Navigation

Vendredi
19
mars
2010
X com

Description :
Voilà deux façons simples de créer un menu horizontal et vertical avec un peu de CSS et du jQuery. Les tutoriels sont très bien expliqués et à la portée de tous. Les scripts sont téléchargeables (vous les trouverez en desous), il vous suffit de les intégrer dans vos pages de codes.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
   

TOUS LES LIENS

Démo : Un effet simple de notes incrustées

Vendredi
8
avril
2011
X com

Description :
Cette démonstration vous permettra d’inscrire des notes dans les images de vos articles qui s’afficheront dès que vous cliquerez dessus. Simple et pratique car ces annotations ne s’affichent qu’au click sur l’image. Il suffisait d’en avoir l’idée. Le tutoriel est clair et bien expliqué.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Une galerie d’images en forme de bulles

Jeudi
28
avril
2011
X com

Description :
Cette démonstration vous permettra de créer une galerie d’images en formes de bulles. L’idée est de montrer les images (Qui peuvent défiler au passage de la souris à droite ou à gauche) dans des formes arrondies. Ces mêmes images peuvent être zoomer, et s’agrandir individuellement. Le tutoriel est simple, clair et bien expliqué mais en anglais (petite astuce pour ceux qui n’aiment pas l’anglais et qui ont google chrome comme navigateur : click droit de la souris et traduire en français).
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
     

TOUS LES LIENS

Démo : Une horloge spéciale avec du CSS et jQuery

Mardi
1
février
2011
X com

Description :
Cette démonstration vous permettra de créer une horloge assez originale. Le tutoriel pour la création de cette horloge est simple et facile à comprendre car en plus des scripts (qui sont commentés presque sur chaque ligne), vous avez les illustrations pour mieux comprendre à quoi correspond chaque ligne de code. Donc, pour créer votre horloge comme vous le désirez, vous téléchargez le fichier de démonstration, puis vous suivez le tutoriel (fort bien expliqué) pas à pas.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
   

TOUS LES LIENS

Démo : Vignettes de navigation avec jQuery

Mardi
20
avril
2010
X com

Description :
Cette démonstration permet de créer des vignettes avec jQuery. Dans la démonstration, les vignettes se référent à différentes catégories. Mais, on peut très bien imaginer créer une page personnelle avec ces vignettes qui correspondraient à des sites favoris. Pour la suite, il vous suffit de suivre le tutoriel qui est simple et vraiment bien expliqué.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
 

TOUS LES LIENS

Plugins : Pronto

Lundi
15
juillet
2013
X com

Version actuelle :
Pronto version 1

Description :
Pronto est un plugin jQuery qui réduit le temps de chargement de vos pages webs. Pronto requière jQuery 1.7. Pronto fonctionne sur les navigateurs modernes (Safari, google chrome et firefox). TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
 

TOUS LES LIENS