Google is updating my PageRank?

Google is updating my PageRank Tous les quatre mois environ, Google met de l’ordre dans ses affaires et met à jour ses différents DataCenter. Il en profite aussi pour distribuer les bons ou les mauvais points sous la forme d’une petite barre verte visible dans la Google Toolbar si vous avez activé l’option idoine. Après environ huit mois d’existence, mon blog a donc connu deux de ces Google Dance. Le terme fait référence à la mise-à-jour des DataCenter durant laquelle le PageRank d’une page s’agite beaucoup (d’où le Dance de Google Dance).

Templates et boutique en ligne osCSS

boutique en ligne oscss Après avoir abandonné l’idée d’adapter une charte graphique un peu funky dans osCommerce, j’ai regardé de plus près le projet osCSS. C’est une version CSS ready du projet osCommerce. La particularité d’osCSS est de fournir du code valide au regard des standards du W3C, qu’il s’agisse d’XHTML 1.0 ou 1.1. Les templates sont construits sur des fichiers CSS facilement personnalisables et interchangeables.

Smashing Magazine : des CSS plein les yeux

smashingmagazine C’est Noël ! Et pour fêter ce moment dans la joie et la bonne humeur, je partage avec vous un site idéal à consulter entre les huîtres et la bûche pour en apprendre encore plus sur le XHTML et les CSS. Et aussi pour avoir sous les yeux des dizaines de design web qui — si vous n’y prenez garde — risquent de booster votre créativité. A consommer sans modération.

Découvert grâce à l’excellent blog de neo-ma, Smashing Magazine mérite de figurer dans votre liste de liens ou dans votre blogmarks préféré.

Vous découvrirez la crème de la crème en matière de liens vers des galeries de sites sur les CSS tous plus intéressants les uns que les autres, suivie par une liste de 50 designs web classés par ambiance : vibrant designs, dark designs et light designs.

Des sets d’icônes à télécharger librement de même que des liens vers des polices de caractère de qualité à télécharger, une galerie de formulaires CSS

Tous ceci n’est bien évidemment que la partie visible de l’iceberg tant le site est riche de liens et d’exemples.

Joyeuses fêtes à toutes et à tous 🙂

Boutique en ligne : osCSS vs osCommerce ?

oscommerce Si je n’ai pas beaucoup écris ces derniers temps, c’est la faute à osCommerce ! Si vous avez déjà mis les mains dans le cambouis de cette « solution » pour adapter la charte graphique de votre boutique en ligne, vous avez certainement eu l’occasion de fustiger le mélange des fonctions et des classes PHP avec les balises table qui compliquent inutilement la tâche de l’intégrateur HTML et CSS.

Google de A à Z (bêta)

google-de-a-a-z.png Au début, une manipulation hasardeuse : j’ai appuyé un peu trop vite sur Enter après avoir saisi la lettre a dans Google. Intrigué par la présence du site Le Monde en première position, j’ai voulu connaître le sort réservé aux autres lettres de l’alphabet. De prime abord, les résultats semblent suggérer que Google dispatch les pages selon des catégories thématiques comme je l’ai évoqué dans le billet Mesure d’audience : des mots-clefs au ClickRank. Avant que vous ne me le demandiez, j’ai fait ma petite enquête en notant quelques informations pour chaque série de résultats :

Votre palette de couleurs avec Color Palette Generator

color-palette-generator.png Le choix d’une palette de couleur est déterminant dans l’élaboration et la réussite d’une charte graphique. Pour cela, Je m’inspire souvent des couleurs d’une image en les choisissant avec la pipette de Photoshop.

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 !

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…

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.

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…