Changer la taille du texte: (Par défaut)

Colonne de droite: Cacher

Actions

Tutoriel: Réaliser un diaporama simple avec JQuery

Publié par Gui, le 29 octobre 2009
Dans: Développement, Jquery, Tutoriels

JQuery est devenu rapidement un framework de développement javascript indispensable, très pratique que ce soit pour développer de simples fonctionnalités ou des sites complets.

Souvent, lors de la création d’un site internet, on rencontre les mêmes fonctionnalités de base (des rollover sur les images, un menu déroulant, un diaporama …), et pour chacun d’entre eux, il existe quasiment un plugin JQuery qui répond à ces attentes.

Il peut être également utile de développer un plugin pour une fonctionnalité simple mais à laquelle on se trouve souvent confronté et dont on veut maîtriser le fonctionnement.

Mon premier tutoriel s’articulera donc autour de la mise en place d’un plugin JQuery simple: un diaporama Photo.

Diaporama simple avec JQuery

DEMO DOWNLOAD

Continuer la lecture de « Tutoriel: Réaliser un diaporama simple avec JQuery »

, ,

Ajax et référencement

Publié par Gui, le 29 avril 2009
Dans: Développement, Internet, Jquery, SEO

La technologie Ajax, qui a vu le jour il y a déjà quelques années maintenant, permet de développer des sites très ergonomiques, pratiques et intuitifs. C’est l’effet Web 2.0.

Référencement et Ajax

Explication

Le principe de base est de récupérer la plupart des contenus du site en interrogeant des scripts serveurs externes via des appels en Javascript.

Mais au delà de l’interactivité du site, il existe aussi un réel enjeu: le référencement (SEO).

Si tous les contenus sont créés dynamiquement à partir de Javascript, il n’existe donc pas réellement de contenu « physique » dans la page. Il n’y a donc aucune donnée à indexer par les moteurs de recherche.

Hors nous avons vu l’importance de la sémantique dans le référencement naturel d’un site.

Continuer la lecture de « Ajax et référencement »

, , , , , , , , ,

Les meilleurs plugins Jquery

Publié par Gui, le 1 avril 2009
Dans: Développement, Internet, Jquery

JQuery

JQuery

Fini le temps où l’on devait toujours écrire du code javascript pour avoir un peu d’interaction dans nos pages web.

Depuis quelques années, des framework de développement javascript ont vu le jour.

Qu’est-ce qu’un framework?

C’est un ensemble de bibliothèques, d’outils et de conventions permettant le développement d’applications. Il fournit suffisamment de briques logicielles et impose suffisamment de rigueur pour pouvoir produire une application aboutie et dont la maintenance est aisée.

Il existe de nombreux framework disponibles sur Internet. Voici une liste des plus connus:

  • JQuery, de nombreux plugins, sans doute le meilleur
  • Prototype, le plus ancien et le plus connu
  • Scriptaculous, permet de réaliser des effets visuels avec Prototype
  • Dojo
  • Mootools, conception d’effets visuels
  • YUIL, bibliothèques de Yahoo

J’ai fait le choix de Jquery, que je trouve très prometteur et qui regorge de plugins divers et variés qui permettent de concevoir toutes les interfaces interactives que l’on peut imaginer, et ce assez facilement.

Ma sélection de plugins

J’ai réunis dans la liste ci-dessous les plugins les plus intéressants:

Cette liste non exhaustive permet déjà de répondre à de nombreux besoins lorsque l’on veut créer une interface assez riche en interactions utilisateurs.

, , , ,