La Loupanthère : créature mythique mi-raisin

Lopanthere De temps en temps, des webmasters s’affrontent pour placer un site en bonne position sur un moteur de recherche sur un mot-clé plus ou moins farfelu. Cette automne, l’objectif est de placer le plus haut possible le terme loupanthère sur le nouveau moteur de recherche Exalead. Ce moteur possède des fonctionnalités très intéressantes. Ce concours est l’occasion de les découvrir. Les détails du règlement sont disponibles sur Concours SEO ; les inscriptions s’effectuent sur Forum SEO, et la dead-line est prévue pour le 02/01/2007. Voici ma page pleine de Loupantères-iennes.

Internet Explorer Developer Toolbar

Vous en avez rêvé ? ILS l’ont fait. Bon, pas de quoi se taper le c.. par terre, mais cet ensemble de fonctions rendra quelques services à ceux qui vont transpirer devant leur écran cet été en s’arrachant les cheveux pour comprendre les raisons qui ont poussé les développeurs d’IE à trainer la patte quand il s’agissait d’implémenter correctement ce que d’autres avaient conçu avec intelligence.

Parmis les fonctions apportées — et contrairement à ce qu’on peut lire parfois sur le sujet — il est possible de modifier les CSS à la volée via cette barre d’outils. C’est beaucoup moins pratique qu’avec la Developper Toolbar de Firefox, mais ça a le mérite d’exister.

Pour tester, faites un tour chez l’amicrosoft (et non, je n’irais pas jusqu’à leur faire de la pub) et n’oubliez pas : Sortez couvert.

Info trouvée sur le blog de siddh.

Vos positions s’affaissent ? Mettez le bottom à zéro…

Je livre ma copie en réponse à un défi de Cap° concernant la mise en place d’une liste dans laquelle l’ajout d’un ou plusieurs éléments ferait remonter le texte au lieu de le faire descendre. Tout ça dans le but de garantir à notre liste une base fixe. Rien de bien fou, mais un défi est un défi 😀

Chapeau blanc, chapeau noir : chapeau bas !

Capture d'écran du site bvwg Si en vous rasant le matin vous vous demandez ce qu’il y a derrière les mots spamdexing, cloaking et autres pages satellites… faites donc un tour sur BVWG. Sinon, faites quand même un tour sur BVWG ! Le lien ? Et bien il arrive…

CSS 3 column layout – the holy grail!?

En sortant surfer ce matin, j’ai trouvé cet article sur l’utilisation – ou non – des hacks css pour vos design web. Mais aussi, et plus malheureusement, sur le retour aux TABLE pour la mise en forme des pages. Tant pis, c’aurait pu être un très bon article. Ca reste néanmoins un point de vue intéressant, qui rejoint d’une certaine manière, l’excellent W3C go home ! d’Arno.

PR(A) = (1-d) + d (PR(T1)/C(T1) + … + PR(Tn)/C(Tn))

Cette formule est au cœur de l’algorithme du classement des pages web par Google et sert de base pour l’attribution du PageRank. Moi qui pensais que le PR n’était que l’addition des liens qui pointaient d’une page A vers une page B…

Background CSS avec motifs double-fond et effet d’opacité multiple sur le texte et les images

Exemple d'un background CSS avec motifs double-fond La création de motifs répétés est un plaisir de chaque instant dont je ne me lasse pas. Quelle joie de remplir un grand espace avec une image de quelques pixels… Oui, mais c’est parfois un peu… trop répétitif, tout ça. Et si nous faisions en sorte d’avoir un motif un peu plus riche pour le haut de la page, tandis qu’un autre remplirait le reste de la fenêtre en étant raccord avec le premier ?

Opacité CSS et effet de trame avec GIF/PNG transparent

Exemple d'opacité CSS et effet de trame avec GIF/PNG transparent Pour obtenir un effet d’opacité sur un élément, il existe le format d’image PNG 24 bits qui accepte jusqu’à 256 niveaux de transparence. Malheureusement Internet Explorer 6 ne prend pas en charge cette intéressante caractéristique… Je vais vous proposer une méthode full CSS et une autre permettant d’utiliser des images GIF ou PNG transparentes de manière créative avec une page d’exemples à la clé.

Pied de page toujours en bas avec Javascript et CSS

footer.png C’est possible ? Parce qu’avec les tableaux… Tôt ou tard, ça ne rate jamais, la question revient sur le tapis de souris. Et là, de vous lancer dans une diatribe comme quoi ça ne sert absolument à rien de vouloir ce footer toujours en bas, que si on manque de contenu, on n’a qu’à en créer, etc. Certes, vous y croyez, et votre interlocuteur commence même à trouver que ce pauvre footer tout seul en bas a l’air de s’ennuyer ferme. Seulement, vous êtes un professionnel, et même si ça ne sert à rien, vous aimeriez bien trouver la solution 😉

Commentaires conditionnels d’IE vs hacks CSS ?

Les différences de rendu entre les différents navigateurs sont le lot quotidien de l’intégrateur CSS : un léger décalage par ci, une largeur différente par là… et la tentation est grande d’envoyer paitre le dernier de la classe, au grand dam de la voix de la sagesse (souvent commerciale) qui vous prie de ne pas négliger 85% de ses clients potentiels…