Mesure d’audience : des mots-clefs au ClickRank

mesure-audience.png Pour savoir pourquoi et comment vous lisez mon blog, j’ai installé quatre scripts de mesure d’audience : Google Analytics, phpMyVisites, MyBlogLog et HitTail. Sans compter Webalizer… Ce billet est découpé en deux parties qui devaient faire chacune l’objet d’un article séparé. Or, les statistiques fournies par les outils présentés dans la partie Quatre outils de mesure d’audience sont utiles parce qu’elles fournissent des éléments objectifs et quantifiables pour faire évoluer un site : améliorer le design ou encore réorganiser les rubriques. Dans une optique de positionnement dans l’index de Google, les stats peuvent également contribuer à optimiser ce qui fait l’intérêt d’un site : son contenu. Attention à la longueur du billet qui pourrait heurter la sensibilité des plus jeunes !

Détourer les cheveux avec Photoshop

Détourage cheveux Photoshop

Le web design est aussi fait de photo, et Photoshop est un logiciel fascinant. Deux bonnes raisons pour vous proposer ce tutoriel qui expose une des techniques que j’utilise pour détourer un personnage en vue de le placer sur un autre fond. J’ai souvent obtenu de bons résultats en utilisant les outils Plume, Lasso, Masque de fusion et Pinceau. Le filtre Flou gaussien, toujours vaillant, sera de la partie pour ajouter du naturel. Dans le monde des effets spéciaux ça s’appelle du mate painting. Mais restons simple, c’est un photomontage 😉

Les réseaux sociaux et l’esprit web 2.0

social-networking.png Je me suis inscris sur plusieurs sites de social networking. Si leurs objectifs sont différents, ils proposent tous un ensemble de fonctions pour se faire connaitre et rencontrer d’autres profils personnes. Les sites évoqués dans la suite de ce billet apportent leur touche personnelle au web 2.0 dans ce qu’il a de mieux : faciliter les échanges entre les internautes. C’est pourquoi, plutôt qu’un comparatif pour choisir le meilleur, je vous invite à les essayer pour partager à votre tour votre sentiment sur la question.

ho ! ho ! ho !

Ho ! ho ! ho ! dit le loup, je n’ai plus rien à manger

Aie aie aie, dit le cochon, ce loup veut me dévorer

S’il croit pouvoir m’échapper, il se met les doigts dans l’nez

S’il croit que je l’ai pas vu, il se met les doigts dans l’…

ho ! ho ! ho !..

Web beuh zéro : au secours, ils ont fumé la moquette !

La star c'est vous En écoutant d’une oreille distraite le spécial Star Academy de Morandini! sur Direct8, j’ai soudain eu le sentiment d’avoir trouvé le chaînon manquant qui mène du web 1.0 à la version suivante. Ce chaînon manquant, c’est la télé-réalité qui a commencé avec le loft sur M6, la Star Academy sur tf1, ou encore Nouvelle Star… pour ne citer que mes programmes préférés que je ne délaissent que pour un bon apéro-blog 😀

Exercice de style CSS et HTML : table vs div

sivom-nautiqueL’utilisation des CSS à la place des tableaux pour concevoir une page web fait sa place dans la boite à outils du webdesigner. Or, s’il est relativement aisé de concevoir un site «full CSS» from scratch, c’est parfois un peu plus tricky de partir d’un site existant et d’en débarrasser la table. Après la lecture de ce billet, vous saurez comment j’ai divisé par deux le poids d’une page, rendu au code HTML son teint de rose, et facilité la digestion des navigateurs… tout en conservant 99% du look d’origine…

Gérard M’Ajax, mashup et web 2.0

La magie m'Ajax Un mashup est un site web qui utilise le contenu de plusieurs sources pour créer un service totalement nouveau. Le tout devient supérieur à l’ensemble des parties qui le compose, ou pour dire les choses plus simplement : 1 + 1 = 3 ! Ce concept de mélange, de mixage (voire de recyclage), suit de près celui de web 2.0, à croire que sans le premier, le second n’existerais pas. A moins, bien entendu, que ça ne soit l’inverse… Dans tous les cas, la formule est simple : Mashup Web = API (A) + API (B)…

Quelques notes sur XHTML et CSS, au fil de l’eau…

Le quotidien de l’intégrateur XHTML et CSS est parfois ponctué de vide *téléologique* concernant les bonnes balises à utiliser en fonction du type de contenu. J’ai longtemps cherché à produire un document-type pouvant servir à n’importe quelle commande. Hélas ! Chaque projet demande des réponses graphiques et structurelles ajustées. Néanmoins, je ne résiste pas au plaisir de partager avec vous, à l’occasion du 100ème jour depuis la mise en ligne de css4design, une sorte de medley mashup de quelques thèmes liés à l’intégration web. Restez vigilant : malgré toute l’attention apportée à la rédaction de ce billet, il reste encore des traces d’humour sous le tapis de souris.

Perturbations en vue sur css4design

Vous ne l’avez peut-être pas remarqué, mais entre 13 et 16 heures, l’accès au site était impossible en raison d’un problème dont l’explication vous serait aussi inutile, que fastidieuse pour moi à expliquer 😉

Mon hébergeur déménage physiquement ses serveurs de Paris à Grenoble. Normalement il ne doit pas y avoir de problème d’accès au site… normalement ! Mais bon, ça doit pas être facile de déménager tout ce matériel avec les problèmes de sauvegarde, etc… Restons zen et soyons de tout cœur avec l’équipe de phpnet qui travaille dur depuis plusieurs jours pour nous offrir un service encore meilleur 😉

C’est bizarre de recommander un service au moment même où un problème survient, mais bon, c’est mon côté shadok qui remonte à la surface : vive phpnet ! Il se peut donc que d’autres petits soucis techniques viennent (forcément au plus mauvais moment, merci Murphy) gâcher le plaisir de la lecture.

Note du 09/10/06 : tant qu’à subir des perturbations, j’en ai profité, entre autre, pour refaire le salon, où vos gravatars sont désormais visibles.

Utilisez le DOM et Javascript comme un chef

dom-javascript Comment remplacer les gestionnaires d’événements présents dans une page web en redéfinissant le comportement onclick, onmouseover… des éléments XHTML ? Tout simplement en utilisant la magie du DOM et de Javascript. Généralement, lorsqu’on veut appliquer une fonction sur un élément XHTML (ouvrir un popup lorsqu’on clique sur une image, par exemple), on utilise une fonction popup() déclenchée par un événement onclick placé dans la balise comme ici : <img src= »/img1.gif » onclick= »popup() » />. C’est parait simple, efficace et rapide… Or, ça peut vite devenir compliqué, inefficace et lent…