Les feuilles de style réservées à l’impression sont souvent oubliées alors qu’elles offrent de grands services pour tous ceux qui impriment les pages web pour les consulter plus tard ou simplement pour avoir une meilleure lisibilité si les pages présentent des fonds torturés. Voici l’essentiel en 10 trucs et astuces pour créer une feuille de style CSS réservée à l’impression. →
Thumbnail Zoom — Voici un effet de zoom sur une miniature accompagné de l’apparition d’une légende au survol de la souris qui fera certainement son petit effet sur vos pages web. Ce tutoriel explique pas à pas le code HTML (liste non-ordonnée), les CSS et la pincée de jQuery nécessaire au bon fonctionnement de l’ensemble. Via colegramist.
Le PageRank n’est plus ce que c’était. Autrefois (il y a deux ou trois ans), le PageRank servait de référence absolue pour situer rapidement un site web. Aujourd’hui, les classements ont pris le relais et j’avoue ne plus en tenir compte dans mon surf quotidien : j’utilise Google Chrome et je n’ai pas d’indicateur pour afficher le PageRank des sites que je visite. →
Disable On Submit est un plugin jQuery qui désactive le bouton Submit une fois que le formulaire a été envoyé une première fois. Testé sur IE6+, FF3, Opera 9, et Safari 4. L’utilisation est très simple, puisqu’il suffit de :
$(function(){
$('form').disableOnSubmit();
});Via jquerylab.
En surveillant mon e-réputation, c’est au détour d’une interview parue sur Pixenjoy que je suis (re)tombé sur une capture d’écran d’octobre 2007 d’une ancienne charte graphique. Ça fait un peu mal aux yeux mais je me souviens avoir eu de nombreuses opinions favorables à l’époque (si, si, c’est vrai) 😉 →
Adding Keyboard Navigation est un tutoriel expliquant pas à pas la mise en place d’un diaporama avec la possibilité d’utiliser le clavier (flèche droite et flèche gauche) pour passer à l’image suivante ou précédente. Chez Remy Sharp, les tutoriels sont vraiment très bien fait. On trouve le tutoriel proprement dit avec les explications de code, la démonstration pour juger sur pièce et le code prêt à être copié-collé, sans oublier les commentaires, souvent utiles.
Comment System with jQuery, Ajax and PHP — L’excellent Srinivas Tamada de 9Lessons nous apprend comment mettre en place un système de commentaires Ajax avec jQuery et PHP. Au menu de ce tutoriel, nous trouvons l’exemple pour créer les tables de la base de données, le code Javascript qui va récupérer les variables saisies par l’utilisateur ainsi que les fichiers PHP nécessaires pour l’affichage, dont voici la démonstration.
Une des forces de jQuery est de permettre le lancement d’une fonction dès le chargement du DOM en mémoire, sans attendre que toutes les images soient affichées, par exemple. Or, il peut justement être intéressant d’attendre le chargement d’un élément précis avant d’agir dessus. Dans le cas d’un traitement spécifique sur une image, il est possible d’utiliser la méthode load() :
jQuery('img.featured').load(function() {
faites quelques chose avec cette image
});Ne pas confondre cette méthode load() avec l’événement load() dans un contexte Ajax.
Genfavicon — Un favicon est une image miniature qui prend place devant l’URL du site consulté dans IE8 ou Firefox et/ou dans les onglets de Google Chrome. Ils sont pratiques pour identifier les sites web que vous consultez lorsque plusieurs onglets sont affichés. Pour réaliser un favicon, n’importe quel éditeur d’image peut faire l’affaire. Toutefois, un générateur d’icônes comme Genfavicon vous permettra de gagner du temps en autorisant le recadrage d’une image distante à partir de son URL ou depuis votre poste de travail. →
DOMAssistant est une bibliothèque Javascript du genre « petit mais costaud » qui pourrait facilement remplacer jQuery pour une grande partie des utilisateurs. DOMAssitant a été créé par Robert Nyman qui a passé la main à Lim Cheng Hong. Le point fort de cette bibliothèque est sa rapidité, sa petite taille et sa modularité : DOMAssistant est segmenté en 6 modules indépendants : →