Plugin jQuery

TipTip — Infobulles « funky » pour afficher l’attribut HTML « title »

TipTip est un plugin dans la lignée de Tipsy qui permet d’afficher l’attribut title d’un élément précisé par une classes dédiée ou générique dans une bulle d’information bien plus belle que celle qui apparait par défaut. Le fonctionnement de TipTip est le suivant : le script copie puis supprime le title d’origine pour que le navigateur ne soit pas tenté de l’afficher et l’injecte ensuite dans le balisage HTML suivant : →

Helper Javascript

Clickoutside Event — Détectez les clics en dehors d’un élément

Clickoutside event — Ce plugin jQuery permet de déclencher une action lorsque l’utilisateur clique en dehors de l’élément spécifié. La gestion des événements de jQuery, déjà très complète, s’enrichit avec clickoutside. Pour 0.7 ko ce serait dommage de s’en priver. Ce plugin sera très utile pour fermer vos fenêtres modales (lightbox) lorsque l’utilisateur clique à l’extérieur. Voici un exemple d’utilisation : →

Revue de Web

jQuery, HTML5 et CSS3 sont le Biactol™ du Web ^_^v

Comment, jQuery va tuer Flash ? La question peut paraitre surprenante, mais force est de constater que Javascript a fait du chemin depuis  window.open() ! Les bibliothèques comme jQuery ou Prototype ont par ailleurs permis l’émergence de plugins, de scripts qui se sont attachés à améliorer l’expérience utilisateurs jusqu’à concurrencer Flash sur son terrain de prédilection : la création d’animation pour créer des interfaces immersives afin de capter l’attention du visiteur. →

Conception de site web

Framework CSS — Sémantique, maquette dynamique et autres notes

Les frameworks CSS ont fait couler beaucoup de pixels : d’un côté, ils proposent une méthode à l’épreuve des balles pour placer les blocs sur sur la page en tenant compte des contraintes cross-browser ; de l’autre, ils ajoutent des classes CSS superflues dans le code HTML pour la présentation des contenus, ce qui n’est pas jugé «sémantique» par les farouches défenseurs d’une séparation entre le fond et la forme. Voilà en gros l’avantage principal et l’inconvénient majeur qu’on peut dégager si on met de côté le faux problème du poids de ces frameworks. Après avoir donné mon point de vue sur cette question de «sémantique» j’expliquerais comment l’ajout de classes liées à la présentation dans le HTML peut s’avérer très pratique à l’heure du web «sur-mesure». →

Tutoriel

13 Tutoriels jQuery pour Webdesigners

jQuery Tutorials for Designers — La force de jQuery par rapport à d’autres frameworks Javascript est sa capacité à plier le DOM selon notre bon plaisir. Toutefois, la volonté de faire tel ou tel effet ne suffit pas : encore faut-il les connaissances algorithmiques pour y parvenir. Malgré sa simplicité et sa courbe d’apprentissage à la portée de tous, il est toujours bon d’avoir quelques bouts de code sous le tapis de souris pour faire face aux situations récurrentes en matière de webdesign. →

Bons tuyaux

Quelques notes sur mon utilisation de Twitter

When Did You Join twitter m’indique que je tweete depuis le 09 avril 2007. Depuis le temps, j’ai développé un certain nombre d’habitudes que j’ai envie de partager avec vous. Il ne s’agit pas évidemment de dire à chacun ce qu’il faut ou ne pas faire sur Twitter ; ce genre de billet moralisateur m’incite généralement à cliquer sur le bouton retour ! Dans ce billet, j’utilise le terme «Twitter» pour le service lui-même et le verbe «tweeter» pour l’action de publier un «tweet». J’utilise indifféremment la version originale pour certains termes ou leur traduction française. →

Bons tuyaux

Veille technologique et stratégique : les flux RSS dans l’entreprise 2.0

Je lisais tranquillement le billet comment partager les blogs que vous lisez quand je me suis dit, que non, finalement Netvibes et ses univers impitoyables n’étaient pas l’idéal pour organiser la veille technologique dans l’entreprise. D’une part parce que l’idéal est presque atteint par Google Reader, et d’autre part, parce que la plupart du temps, ce que j’entends (c’est-à-dire ce que je lis sur Twitter) c’est que Netvibes est encore trop lent pour faire partie des solutions que l’on peut proposer sans risque à un client. →

Bons tuyaux

Maquillage des mannequins : avant et après

J’avais déjà parlé du plugin jQuery Before/After qui permet de montrer deux états d’une photo. Ils apparaissent de part et d’autre d’une ligne médiane où un «grip» vous attend pour faire glisser un slider (pléonasme, quand tu nous tient) qui dévoilera l’autre partie de l’image. Voici une utilisation intéressante sur tmagazine sur un des blogs du New York Times Magazine où l’on peut voir des mannequins avant leur passage au maquillage et après. Via l’article Jouer à maquiller les mannequins paru sur lexpress.