Les ateliers du klafoutis

La nouvelle année est en principe l'occasion (avec la rentrée des classes) de se fixer des objectifs pour l'année à venir qui bien souvent euh… pètent plus haut que leur cul. Je ne risque pas de tomber dans cet écueil en ce 2 janvier car à dire vrai pour ce qui concerne mes activités de geekette je suis plutôt dans une totale irrésolution.

Vous avez vu ou entendu par­ler de Hair ? C’est à cette comé­die musi­cale que ce nou­veau thème doit son nom. Woof en est l’un des per­son­na­ges. Cette œuvre aussi emblé­ma­ti­que des années 70 que le combi VW du foo­ter et les illus­tra­tions et cou­leurs ici uti­li­sées.

À l’occa­sion de la série de billets con­cer­nant la migra­tion sur mon blog per­son­nel, il me sem­ble utile de don­ner quel­ques liens – pas trop pour ne pas noyer les débu­tants sous la masse – pour les desi­gners ne dis­po­sant pas d’outils per­fec­tion­nés ou ne sachant pas s’en ser­vir et qui tou­te­fois sou­hai­tent per­son­na­li­ser leur déco­ra­tion. Ces liens peu­vent bien entendu être tout aussi uti­les aux desi­gners aguer­ris !

Amis ratiocineurs et pinailleurs de tout poil, bienvenue ici. Magda est prête à subir vos assauts (oui, j'ai plus ou moins décidé à peu près définitivement que ce thème s'appelerait Magda). Si vous avez des navigateurs exotiques ou ch**tiques, voire les deux, vos rapports de bugs m'intéressent.

Sont également très bienvenues les suggestions d'amélioration de telle ou telle présentation. Je ne dis pas que je promets d'en tenir compte mais je promets de les envisager toutes.

Ce plu­gin ajoute dans tou­tes les bali­ses <img /> une class en fonc­tion de la taille (thumb­nail, square, small, medium) de l’image insé­rée.

L’idéal aurait été de pou­voir trai­ter le xhtml en sor­tie de trai­te­ment pour y ajou­ter par des cher­cher/rem­pla­cer magi­ques mes fameu­ses class, un peu comme le fait le plu­gin Typo. C’était très au-des­sus de mes com­pé­ten­ces ! En revan­che, je savais pou­voir le faire en pas­sant par la mou­li­nette magi­que de jQuery et que c’est ainsi d’ailleurs que s’y prend le plu­gin exter­nal­Links.

En me basant sur ce plu­gin et avec de l’aide sur le forum, j’ai réussi à obte­nir le résul­tat sou­haité et je vous le fais par­ta­ger.

• Website health check, check list de contrôle des points importants à vérifier pour votre site.
• 24 sites de tutoriels gratuits pour Photoshop. Ces sites sont malheureusement tous anglophones mais lorsque les tutos sont bien faits avec beaucoup de copies d'écran on s'en sort tout de même. Petit bémol : pas évident de transposer les menus anglais... A compléter avec 6 trucs et astuces que vous ne connaissez sûrement pas.
• Coller le pied de page en bas. Je n'aime pas trop la div vide (clearfooter), mais au moins ça fonctionne et c'est en pur css... A rapprocher de cet autre tuto sur le même principe.

YAML Builder, a tool for visual layout development of YAML based CSS layouts.

Outil en ligne de construction de structures css et html correspondant. Et en guise de cerise sur le gâteau, c'est valide ;)

J'en avais parlé, j'ai un peu tardé à le faire, cette fois moins par procrastination que par manque de temps et de disponibilité d'esprit. C'est aujourd'hui chose faite : les présents Ateliers du klafoutis remplacent tout à la fois mon blog des thèmes pour Dotclear 1, celui des thèmes pour Dotclear 2 et celui où je rassemblais mes notes sur Dotclear 2.

Sau­te­relle est un thème plus par­ti­cu­liè­re­ment des­tiné aux dia­ris­tes : l’accueil affi­che les billets jour par jour et la navi­ga­tion est plus cen­trée sur la chro­no­lo­gie que sur les caté­go­ries.