Le petit journal du Web permet de faire régulièrement le point sur les sites Web nouvellement sortis, les nouveaux services pratiques et les articles susceptibles d’intéresser les intégrateurs et les développeurs Web. Peu de liens pour ce mois de novembre, mais la qualité est au rendez-vous. N’hésitez pas à vous abonner à mon compte Twitter Bruno LesBonsTuyaux pour ne rien rater ! →
La balise Marquee vous rappelle des souvenirs ? Si cette balise propriétaire d’Internet Explorer vous manque, voici Marquee jQuery. Ce plugin vous permettra de faire défiler le contenu d’une liste vers le haut, le bas, la droite, la gauche… Bref, dans le sens que vous voulez grâce à quelques options bien pratiques. Qui a dit Marquee de Sade ? Tss tss… 😉 →
La résolution des périphériques mobiles comme les téléphones mobiles, les Smartphones (iPhone, Android) et les tablettes tactiles (iPad) est généralement de l’ordre de 240 x 320, 320 x 480 ou 480 x 640 pixels. Après avoir décortiqué la création d’une grille de mise en page adaptée à la résolution moyenne des écrans de bureau et des Netbooks, je vous propose de suivre un autre exemple d’application de ce concept de grille modulaire dont la particularité est que la colonne de base est égale à la largeur de la gouttière. →
Hyphenator est un script JS qui autorise la gestion des césures sur tout ou partie de votre site Web, bien que pour des raisons de performance, il est judicieux de se limiter au contenu des articles. Le script ajoute des césures pour couper les mots des textes contenus dans les éléments que vous aurez ciblés avec la classe hyphenate pour éviter les «lézardes» dans les pavés de textes justifiés avec text-align="justify".
Le calcul d’une grille de mise en page modulaire avec le nombre d’Or est une bonne occasion pour mettre en pratique le manifeste pour un interlignage minimum syndical et les cinq règles pour améliorer l’affichage de vos textes. L’objectif est de déterminer une taille de police de caractère et une largeur de colonnes d’après un interlignage «idéal». Après l’aperçu d’une méthode pour créer des gabarits destinés à l’imprimé, j’expliquerai comment utiliser l’interlignage pour concevoir des grilles adaptées à une résolution inférieure ou égale à 1 024 pixels de large. J’ai choisi un interlignage compatible avec le ratio du nombre d’Or typographique (1,5) et du nombre d’Or Classique (1,618). Toutefois, le concept de cette grille fonctionne très bien avec d’autres valeurs. J’ai mis des exemples de grilles réalisées avec Illustrator sous la forme d’un GIF animé (désolé). →
Le diaporama jQuery Cycle propose six effets de transition originaux. Le nombre des options disponibles est impressionnant : pas moins de 50 paramètres vous permettront de réaliser tous vos fantasmes souhaits ! jQuery Cycle est compatible avec les plugins Metadata et Easing. →
Le #FollowFriday ou #FF est un rendez-vous incontournable de la Twittosphère : il s’agit de proposer à ses abonnés de suivre un ou plusieurs comptes dignes d’intérêt pour élargir leur horizon Twittesque. C’est sympa, mais la tradition fonctionnant à plein, il devient difficile de suivre toutes les suggestions. →
…Facebook utilise tous les autres !
Mon petit manifeste concernant la création des balises logo et motto dans les spécifications HTML5 n’a pas encore eu l’effet escompté. En attendant que le W3C valide cette modeste proposition, les enveloppeurs Web font preuve d’imagination. Voici un florilège de composés HTML (HTML Compound) plus ou moins sémantiques pour baliser l’identité d’un site internet. Cerise sur le SEO, j’ai demandé à Didier Sampaolo de nous dire ce qu’il pense — ou ce que Google pense — des différentes solutions présentées. @dsampaolo est éditeur du site Brave New World et consultant e-business spécialisé en référencement naturel. →
La rédaction Web et le référencement naturel vont bien ensemble en raison du fonctionnement des moteurs de recherche qui indexent les textes depuis toujours. Il a fallu attendre 2001 pour les images en ce qui concerne Google, ce qui poussé les intégraphistes orientés SEO à mieux nommer leurs fichiers. Les visuels utilisés dans un article sont devenus un atout supplémentaire dans l’acquisition de trafic. Les textes et les images ont une incidence directe sur le référencement et le positionnement d’une page, mais ce n’est pas le cas du design, de l’apparence de cette page. Enfin, jusqu’à présent… La nouvelle fonction « Aperçus instantanés » (Instant Preview) de Google permet de prévisualiser la page de destination depuis les SERP’s, ce qui pourrait bien changer la face du Web et faire entrer le Webdesign dans une nouvelle dimension. Rien que ça. →
