jQuery HoverAttribute : révélez-en plus sur vos liens
7 May 2010
Par Seb
Le plugin HoverAttribute pour jQuery permet d’ajouter un sympathique effet à vos liens : lors du survol, le texte disparaît, et c’est l’url qui est affichée par un effet de glissement croisé.
Pas évident à expliquer comme ça, mais l’effet final est plutôt réussi, et pourra servir dans de nombreuses occasions. D’autant plus que vous pouvez afficher toute autre propriété du lien à la place de l’url, par exemple un texte alternatif contenu dans la propriété title.
À essayer !
Plupload : un puissant gestionnaire d’upload
5 February 2010
Par Seb
Plupload est en quelque sorte le couteau suite de l’upload de fichiers via un navigateur. Fini le simple champ file, cet outil vous permet :
- L’envoi multiple de fichiers en temps réel
- Le glisser-déposer de fichiers (selon le navigateur, actuellement seul Firefox 3.5+ le gère)
- Le redimensionnement et le recadrage de vos images avant envoi
Pour proposer tout cela, l’outil se base sur plusieurs technologies : Google Gears, Flash, Silverlight, HTML5 ou encore Yahoo BrowserPlus – à vous de choisir celle qui correspond le plus à vos besoins en fonction de ses capacités.
Plupload peut fonctionner de manière indépendante pour une installation rapide, ou en tant que plugin jQuery, pour construire votre propre fonctionnement. Un must-have !
inFrame : inclure les pages d’exemple dans vos articles
23 September 2009
Par Seb
Tous ceux qui publient régulièrement des articles techniques dans des moteurs de blog tels que WordPress savent qu’il est complexe d’inclure des exemples directement dans les articles : le risque est qu’ils interfèrent avec les CSS ou le javascript du site en général, sans parler du fait que les éditeurs on-line ré-encodent le code-source sans distinction…
L’autre solution est de créer une page séparée, hors du cadre du blog, qui inclura uniquement l’exemple, mais cela oblige l’internaute à quitter l’article le temps de visualiser l’exemple – pas glop en terme de confort de lecture.
Une tierce solution, par ailleurs très élégante, est proposé dans cet article : inFrame. Il s’agit d’un script qui crée dynamiquement une iFrame dans votre page, juste après votre lien vers la page d’exemple, et y charge la page en question. Simple (mais il fallait y penser), efficace et très léger, pourquoi s’en passer ?