8 articles pour le tag “ plugin ”

Réalisez un bandeau de news en jQuery, comme sur iTélé

Posé ici le mardi 22 septembre 2009 à 13:35 par Jay Salvat

Un bandeau de news en jQuery, comme à la TV.

Je ne sais pas pour vous, mais moi, dès que je regarde une chaine d'information, je suis hypnotisé par les barres de news qui défilent en bas de l'écran. Je n'arrive pas à en détacher les yeux. Personnellement, je trouve celles de iTélé particulèrement réussies.

Je me suis dit que ce traitement des brèves infos pouvait être une belle manière d'annoncer les mises à jour d'un site web. Bien évidement en tant qu'obsédé de jQuery, je me suis amusé à réaliser un effet similaire. Le voici.

Bien débuter avec la conception de plugins jQuery

Posé ici le mercredi 26 août 2009 à 09:45 par Jay Salvat

L'un des sujets récurents de ce blog est la création de plugins jQuery. Ces plugins sont toujours construit selon le même principe. Je ne peux malheureusement pas répéter les mêmes explications à longueur d'articles pour ne pas les rendre encore plus longs et répétitifs. Pourtant, je ne peux pas non plus aborder la conception d'un plugin sans en développer les bases.

Cet article aborde, une bonne fois pour toutes, le B-A BA du développement orienté jQuery.

Créez un sélecteur de couleur en jQuery

Posé ici le lundi 06 juillet 2009 à 23:25 par Jay Salvat

ColorPicker

Pour faire évoluer markItUp! dans sa version 2.0 (sortie officielle décembre 2039), j'ai voulu remplacer la très archaïque palette de couleurs que proposait la version 1.1 par une palette digne de ce nom.

Plutôt content du résultat final, je me suis dit qu'il serait intéressant de proposer cette palette dans un plugin jQuery indépendant. Ce n'est pas que ce plugin soit d'un grand intérêt - il doit en existe de bien meilleurs - mais il peut en découler un tutoriel que j'espère intéressant. Le voici.

MISE A JOUR le Jeudi 9 Juillet 2009 :
Quelques modifications ont été apportées pour aller dans le sens d'intéressants commentaires.

Détecter et indiquer l'activation de la touche CapsLock avec jQuery

Posé ici le jeudi 14 mai 2009 à 13:20 par Jay Salvat

CapsLock

Devthought est l'un de mes blogs préférés du moment. J'adore ce genre de blog qui lance plein de petites idées et astuces sans s'enliser dans des articles de centaines de lignes (ce que j'aurai aimé pouvoir faire).

Dans l'un de ses derniers articles Guillermo Rauch, l'auteur de Devthought, propose un moyen de détecter l'activation de la touche CapsLock avec Mootools. C'est le genre d'astuces toutes bêtes auxquelles on ne pense pas forcement pour résoudre des problèmes nativement sans solution. En la transposant à jQuery, j'en ai profité pour en faire un plugin et d'y ajouter quelques options qui me semblent utiles sur les champs de mot de passe. A vous de voir.

Créez un traducteur en Ajax et jQuery : une intéressante alternative

Posé ici le mardi 20 janvier 2009 à 14:02 par Jay Salvat

translator2.png

La semaine dernière, je m'amusais à créer un petit traducteur de mot grâce à jQuery et l'api Google Translate. Le résultat me plait bien, mais honnêtement, une fois l'essai technique effectué ça ne sert pas à grand chose. M'est alors venue l'idée de le perfectionner et d'en faire un vrai outils de traduction in-place de contenu. Un petit peu comme le ferai la fonction translate this de Ubiquity finalement.

Très emballé par l'idée, j'ai commencé à l'échafauder sous forme d'un nouveau projet open source qui ne saurait tarder. Son nom est Sunday Morning (pourquoi ? pourquoi pas !) et compilera les idées proposées dans ces deux articles.

En attendant voici ici l'analyse de l'idée de base de ce traducteur de contenu in-place.

Créez un traducteur en Ajax et jQuery

Posé ici le mardi 13 janvier 2009 à 19:13 par Jay Salvat

J'adore les API et les webserices. Le champion toute catégorie de ce genre d'offre est bien Google. En plus d'offrir une multitude de services gratuits, il en offre aussi l'accès par API. Google oriente les développeurs vers ses propres librairies Javascript mais en grattant un peu on trouve vite l'URL du serveur délivrant les données qui nous intéresse.

Je vais m'intéresser ici à leur service de traduction que je vais manipuler pour l'intégrer à un plugin jQuery pour échafauder un traducteur de mots à la babylon. Andiamo !.

Un traducteur en Ajax et jQuery

Suivre et analyser les clics de ses utilisateurs en Php et jQuery

Posé ici le vendredi 19 décembre 2008 à 14:00 par Jay Salvat

Suivre les clics de ses visiteurs grâce à Php et jQuery

Dans la chasse aux statistiques, le comportement du visiteur sur une page donnée peut s'avérer être un élément analytique important pour en ajuster la conception. Des sites tels que Crazy Eggs l'ont compris et proposent déjà ce genre de services. J'adore ce principe et je n'ai encore pas pu résister à l'envie de tripatouiller Php et jQuery pour me rapprocher des options de base d'un tel outil.

Créez votre propre plugin jQuery d'infobulles

Posé ici le mercredi 10 décembre 2008 à 15:47 par Jay Salvat

Créez votre propre plugin jQuery d'infobulles

La semaine dernière je m'amusais avec les vignettes automatiques de site. Aujourd'hui je me suis dit qu'il serait intéressant de coupler ça avec un système malin de Tooltip (au joli nom français de infobulle) pour automatiquement voir la prévisualisation d'un site en survolant simplement un lien. C'est l'occasion rêver pour ajouter un plugin jQuery de plus sur le marché et d'en exposer le processus de conception.

Voir la démo

L'auteur

Jay Salvat

Issu de la presse et de la communication, Jay suit les mutations d’internet depuis plus de 10 ans pour en aborder tous les aspects. Tout d'abord directeur artistique, c'est naturellement que la transition vers le développement s'est effectuée. Jay dirige actuellement le web développement des sociétés montantes du GSM embarqué Kuantic et Dynatik. Il s’investit également dans de multiples projets opensource ou plus personnels tel que MarkItUp!, Sunday Morning ou Colorz.