Docs

Il y a un mois, Sébastien Billard proposait sur son blog une solution pour analyser les mouvements de l’œil sur une page web (lire l’eye tracking du pauvre).
Feng GUI ViewFinder est une solution en ligne pour analyser une page. Il suffit de soumettre une url et vous obtenez une carte des zones "chaudes" de la page (celles qui sont les plus regardées). Par contre, les explications sur l’algorithme utilisé pour afficher les résultats sont encore assez vagues. Voici ce que ça donne pour la (…)

Aujourd’hui, j’ai testé le plugin coloration_code pour SPIP. Ce truc est génial et je pense m’en servir plutôt que d’utiliser la bidouille dont je parlais dans un billet précédent (jusqu’ici, pour afficher du code dans un cadre, j’entourais mon code avec la balise ).
Par contre, je trouve que le code généré par le plugin est un peu chargé. Lorsqu’on insère du code dans la balise , avec la classe qui va bien pour définir le langage, on obtient ceci : ...
C’est un peu le syndrome de la (…)

La semaine dernière, je cherchais des polices de caractère pour insérer quelques ornements dans une maquette de site. Voici une page où j’en ai trouvé une petite collection.
Polices d’ornement gratuites sur TypOasis
Maurice Svay met aussi à disposition quelques ornements au format svg sur son blog :
Ornements pour vos sites web
Ornements pour vos sites web partie 2

Ce matin en lisant quelques news du web, je suis tombé sur un article présentant la prochaine suite de développement web de µcrosoft. Dans cette suite on peut trouver le successeur de FrontPage qui s’appelle Expression Web dispo pour 299$. Voici un aperçu de l’interface d’Expression Web.
Et voici un aperçu d’Aptana, logiciel libre dispo sous windows, linux et mac...
Cela fait un mois ou deux que j’ai découvert ce soft et ça m’a l’air très prometteur. Il gère l’auto-completion, la (…)

Ce soir, j’ai bricolé un squelette mot.html pour SpipClear. Le but du squelette est d’afficher la liste des articles attachés à un mot clé d’un groupe défini (dans mon cas le groupe "tags").
Pour commencer, j’ai décortiqué les squelettes de SpipClear pour comprendre leur fonctionnement basé sur des inclusions conditionnelles. Je ne comprenais pas très bien des portions de codes comme celle-ci dans layout.html :
(#RECHERCHE (#ENVid_article
Un petit tour sur spip.net pour revoir le (…)

Optimisation du contenu : un article de Sébastien Billard sur son blog Référencement, Design et Cie.
Un autre article traitant des 5 erreurs courantes dans le domaine du référencement.

Deux liens utiles pour tester son site sur plusieurs navigateurs afin d’être certain du rendu de ses pages web.
Browsershots.org qui permet de tester sur cette liste de navigateurs :
Linux : Dillo 0.8, Epiphany 2.16, Firefox 1.5, Firefox 2.0, Galeon 2.0, Konqueror 3.5, Mozilla 1.7, Opera 9.0
Windows : MSIE 7.0
Mac : Safari 2.0
Et Opera Mini Simulator pour tester son site sur un navigateur de portable.

Deux articles intéressants sur la conception et l’organisation des CSS. Le premier sur pompage.net et le deuxième sur pouipouidesign :
Architecture des CSS
Des CSS plus efficaces grâce aux raccourcis

Comme j’en parlais dans un billet précédent, je voulais ajouter deux boutons dans la barre typographique de SPIP pour accéder rapidement aux raccourcis et . Pour ça, je me suis servi de la contrib indiquée dans un des commentaires du billet.
Voici la barre typo avec les boutons que j’ai ajouté.
Ils viennent du pack d’icônes Silk icon de Mark James, qui est distribué en Creative Commons sur cette page. Je pense d’ailleurs utiliser ces icônes pour restyler ma barre typo.
Côté code, (…)

Petit lien utile...
Lu dans l’article Guide complet d’optimisation du référencement d’un blog de Web Rank Info.
Feedping est un outil qui vous permet de soumettre votre flux RSS aux grands moteurs de recherches spécialisés dans les blogs dont Technocrati.
http://www.feedping.com/