Tutoriel: Utilisation simple des QR Codes avec PHP et jQuery

Publié par Gui dans Développement

Vous connaissez tous les QR Codes (Quick response codes), ces code-barres 2d contenant des blocs noirs sur un fond blanc.

Ils sont utilisés un peu partout maintenant, dans la publicité, sur les produits ou dans nos sites internet.

En effet, cet outil simple permet d‘accomplir facilement de nombreuses fonctions depuis un smartphone capable de les décoder.

Continuer

Post shadow

Afficher un mur Facebook sur votre site avec jQuery – Nouvelle version

Publié par Gui dans Facebook, jQuery, Tutoriels

Voilà bientôt un an que j’ai publié un tutoriel sur la graph API de Facebook, je vous propose une nouvelle version qui apporte quelques fonctionnalités supplémentaires.

J’ai donc créé un widget, qui permet d’afficher le mur d’une page fan ou de l’un de vos amis (ceux ayant choisi de partager des informations avec vous).

Continuer

Post shadow

jDiaporama v3 : le diaporama jQuery est de retour !

Publié par Gui dans jQuery, Tutoriels

Moins d’un an après la sortie de la version 2 de jDiaporama et plus de 35 000 pages vues, je vous présente aujourd’hui la toute dernière version dotée de nombreuses nouvelles fonctionnalités !

Au programme de cette nouvelle version :

  • Affichage de miniatures pour contrôler le diaporama
  • Pas moins de 12 nouvelles animations de transitions !
  • Ajout et configuration d’easing pour certaines animations
  • Ajout de contrôles externes pour interagir avec le diaporama
  • Ajout de nombreuses fonctions de callback
  • Choix de la position des miniatures (dessus / dessous)
  • Version pack de seulement 20 ko !
  • Gestion partielle de la cohabitation d’images au format portrait et paysage
  • Ajout d’un mode debug
  • Diverses optimisations, améliorations et corrections de bugs

Continuer

Post shadow

Sortie de jQuery 1.6: les nouveautés

Publié par Gui dans jQuery

A peine eu le temps de prendre en main la version 1.5 que voici déjà la version 1.6.

Au programme, pas mal de corrections de bugs, quelques nouveautés et une amélioration sensible des performances.

Continuer

Post shadow

Detection du navigateur avec jQuery

Publié par Gui dans jQuery

Bien souvent, nous nous confrontons à des soucis d’inter-opérabilité entre certains navigateurs (IE pour ne pas le citer !). Les hacks CSS existent mais rendent la feuille de style non valide et altèrent la visibilité du code.

Un moyen simple et propre de contourner ces difficultés est de détecter le navigateur à l’aide de Javascript (jQuery en l’occurence).

Continuer

Post shadow

Les nouveautés dans jQuery 1.5: $.Deferred

Publié par Gui dans jQuery

jQuery 1.5 introduit un nouveau concept de « promesses » qui modifie (et simplifie) l’implémentation de requêtes Ajax asynchrones.

En effet, il permet d’externaliser les callbacks du contexte de la requête, ce qui a pour but d’avoir différentes fonctions de callback exécutées sans se soucier du moment ou la requête Ajax se termine.

Continuer

Post shadow

Tutoriel Graph API, JSON et jQuery: afficher un mur Facebook sur votre site

Publié par Gui dans Facebook, jQuery, Tutoriels

N’hésitez pas à consulter le nouveau tutoriel ainsi que la documentation de Facebook, qui change régulièrement (notamment par rapport à l’access_token et aux permissions (offline_access)).

Il y a déjà quelque temps Facebook a lancé une nouvelle API: Graph API, qui permet à tout le monde de récupérer les données de Facebook sous forme de webservice, formatées en JSON.

On peut donc accéder librement aux informations publiques fournies par Facebook, comme les pages Fan par exemple.

Continuer

Post shadow

jQuery, leader incontestable !

Publié par Gui dans jQuery

Sans grande surprise, vous avez été une majorité écrasante à choisir jQuery comme votre Framework javascript préféré.

Simplicité, puissance, variété des plugins, version mobile, librairie d’animations sont autant d’outils qui contribuent à donner le statut de leader à jQuery, devançant le Framework de Yahoo YUI, MooTools et ExtJS.

Continuer

Post shadow

jQuery Mobile alpha est sorti !

Publié par Gui dans jQuery

En version alpha pour l’instant, jQuery Mobile permet d’optimiser vos sites internet pour tous les appareils mobiles compatibles HTML / Javascript.

Développé à partir de jQuery et jQuery UI,  dans l’idée de simplifier la mise en place de solutions web pour les mobiles, jQuery Mobile met à disposition tout un tas de composants :

Les docs & démos sont ici: http://jquerymobile.com/demos/1.0a1/

Continuer

Post shadow

Diaporama simple avec JQuery, nouvelle version: jDiaporama !

Publié par Gui dans jQuery, Tutoriels

téléchargez dès maintenant la toute dernière version de jDiaporama avec plein de nouveautés !

Vous avez été nombreux à commenter le tutoriel « Comment réaliser un diaporama simple avec JQuery« , alors le voici maintenant en version 2 !

J’ai essayé d’ajouter dans cette nouvelle version les différents manquements que vous souligniez dans le précédent tutoriel.

Voici donc les nouveautés de ce nouveau diaporama JQuery:

  • Nouvel aspect graphique
  • Contrôle du diaporama grâce aux touches directionnelles du clavier
  • Défilement automatique ou non
  • Gestion de la direction du diaporama (de gauche à droite ou inversement)
  • Pause par défaut possible
  • Arrêt du diaporama après un nombre défini de boucles
  • Affichage du titre
  • Affichage de la légende
  • Affichage d’un compteur (image actuelle sur nombre d’images)
  • Possibilité d’accéder à une image directement en cliquant sur les boutons ronds
  • Ajustement automatique en fonction de la taille des images du diaporama
  • Compatibilité sur tous les navigateurs

Continuer

Post shadow

6 Images sliders simples et élégants, réalisés avec JQuery

Publié par Gui dans jQuery

Dire que le mécanisme de slider d’images est à la mode est un doux euphémisme. On en voit simplement partout ! Dans tous les blogs, dans les sites d’information, les portfolios, les boutiques en ligne, partout !

J’ai regroupé ci-dessous une liste non-exhaustive de plugins JQuery qui permettent de faire défiler des images. Ils figurent dans cette liste car ils sont simples mais élégants et facile à mettre en oeuvre.

Continuer

Post shadow