Archives par mot-clé : tutorial

image!

Tutorial jQuery : ajouter une image de fond qui se redimensionne dynamiquement

HTML / CSS, JQuery

Pour un retour en douceur des tutoriels, je te propose aujourd’hui un tuto pour ajouter une image de fond qui se redimensionne dynamiquement à un site web. Pour faire cela, nous allons utiliser le plugin jQuery Backstretch.  Ce plugin est surtout utile […]

Lire la suite >>

Tags : , , ,
image!

Tutorial JQuery : trier une liste en drag’n’drop avec JQueryUI Sortable

JQuery

Il est toujours compliqué de proposer au internautes de trier des éléments et faire ça de manière simple et ergonomique. On peut, par exemple, proposer de saisir la position pour chaque élément. Mais ça reste contraignant. C’est dans cette optique […]

Lire la suite >>

Tags : , ,
image!

Recherche a la Twitter avec JQuery et PHP (tutorial)

JQuery, PHP

Tutorial bien sympa trouvé sur le blog 9lessons : « Twitter like Search with jQuery and Ajax » (« recherche à la twitter avec JQuery et Ajax »). Ce tuto permet donc de créer un formulaire de recherche tout en Ajax. Les résultats sont […]

Lire la suite >>

Tags : , ,
image!

Utilisation de l’evenement ‘live()’ de JQuery

JQuery

Avec le passage de JQuery à la version 1.3 (actuellement 1.3.2), est apparu un nouvel événement : live. Live permet d’ajouter des listeners (‘écouteurs’ d’événements) sur des éléments du DOM générés en JQuery. Avant la création de cet événement, il […]

Lire la suite >>

Tags : , ,
image!

Faire des colonnes intelligentes avec du CSS & JQuery

HTML / CSS, JQuery

Tutorial pour JQuery vu ce matin sur le blog sohtanaka.com. Le tutorial propose une manière de créer des colonnes « intelligents » avec JQuery & CSS. Le CSS permet ici de gérer l’affichage des colonnes par défaut, de définir leur taille, les […]

Lire la suite >>

Tags : , ,
image!

Tutorial JQuery : galerie photo avec JCarousel et Lightbox

JQuery

Pour le retour des tutoriels JQuery pour l’utilisation de plugins, je propose aujourd’hui de coupler 2 plugins (JCarousel et Lytebox) pour faire une petite galerie photo. Lytebox n’est pas à proprement parler un plugin JQuery, il est totalement indépendant du […]

Lire la suite >>

Tags : , ,
image!

Decouvrez JQuery, amusons-nous avec les selecteurs [2/7]

JQuery

Série de tutoriels sur JQuery que je continue ici. L’idée est de commencer de zéro (les premiers tutoriels ne sont donc pas adaptés aux connaisseurs de JQuery). Je vais essayer de faire connaître un peu mieux cette librairie aux non-initiés […]

Lire la suite >>

Tags : ,