Les ateliers du klafoutis

Aller au contenu | Aller au menu | Aller à la recherche

The ultimate, essential, gorgeous, absolutely and definitive essential list of best of du ras-le-bol des superlatifs

boxcar.jpg

Mon agrégateur de news amasse les fils d'une cinquantaine de sites de « web design » et tout ce qui tourne autour. Pour la plupart ce sont des sites anglophones et publient à intervalles réguliers des listes de ceci et de cela.

Lire la suite

Les images (probablement) libres de droits

boxcar.jpg

Au détour d'une recherche sur le web au sujet des banques d'images gratuites je suis tombée sur un article qui mérite je crois toute notre attention.

Lire la suite

Irrésolutions 2009

boxcar.jpg

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.

Lire la suite

Don Carlo

doncarlo-home.png

Pour la nouvelle année, voici un nouveau thème. Don Carlo, habillé de rouge et noir, est construit sur une base assez conventionnelle, mais avec quelques améliorations (du moins à mes yeux) du traitement des différents contextes par rapport aux thèmes habituels.

Lire la suite

Woof

woof.jpg

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.

Lire la suite

Plaf ? Plop !

Preview Plop

Et si on disait que c’était le prin­temps ? Je viens de dépo­ser le thème Plop sur Dotad­dict. Je l’avais réa­lisé pour le pro­jet d’évo­lu­tion de Dot­clear 1.4, mais puis­que ce pro­jet ne verra jamais le jour, et que de tou­tes façons j’avais l’inten­tion de le publier pour les deux ver­sions, en voici l’adap­ta­tion pour Dot­clear 2.

Lire la suite

Quelques liens pour les designers amateurs

Sous le cerisier

À 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 !

Lire la suite

Attention lastn ne définit pas une pagination !

tantrum2.jpg

Il n'est jamais trop tard pour apprendre… Je manipule pas mal les boucles de billets et leurs attributs depuis quelques semaines, pour Magda ou des thèmes qu'on me commande. C'est ainsi qu'il m'arrivait fréquemment de déterminer un nombre de billets par page dans la configuration puis de l'ajuster en fonction des besoins dans tel ou tel contexte. Par exemple, pour un blog qui n'affichait que les titres dans un contexte de catégorie on pouvait monter jusqu'à 30 billets par page, alors qu'en home où je balançais les billets complets, 5 était un nombre bien suffisant. ATTENTION DANGER !

Lire la suite

À vous de bosser (surtout toi, adjaya, hi hi)

Testez Magda !

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.

Lire la suite

Chuuuuuut c’est un secret

superkid ©HavanaStreet

Je profite que bien peu de monde passe par ici (à en croire mes stats, le lieu est tout ce qu'il y a d'intime) pour présenter un thème (très très) en chantier, dont le nom tout à fait provisoire est Magda (ou CrazyKids ou carrément autre chose, on verra le moment venu). Bref, peu importe, ce qui compte c'est que ce thème sera accompagné d'une série d'articles, voire carrément d'un blog dédié à sa personnalisation. C'est un thème dit « magazine » dont l'objectif est d'être le plus souple possible.

Lire la suite

MediaSizeClass, des CSS pour les zimages

number2.jpg

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.

Lire la suite

Mises à jour des aorakits et de tous mes thèmes pour Dotclear 2

boxcar.jpg

En attendant que la mise à jour soit de nouveau possible sur themes.dotaddict.org, je mets ici à disposition l'ensemble des aorakits et de mes thèmes pour Dotclear 2 dans leur version compatible avec la dernière version de Dotclear.

Lire la suite

Quelques liens

boxcar.jpg

Reprise progressive d'activité

boxcar.jpg

Après une assez longue période de pas-envie, me voici revenue au pays des sorciers. Au programme des prochaines semaines :

Lire la suite

YAML Builder

boxcar.jpg

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 ;)

Kameleon for Dissitou

kameleon.jpg

Trois colon­nes à l’accueil, deux colon­nes dans les pages inté­rieu­res, Kame­leon for Dis­si­tou offre trois décli­nai­sons pos­si­bles selon que l’on pré­fé­rera accueillir des brè­ves, un édito ou les billets “à rete­nir” dans la colonne sup­plé­men­taire de l’accueil.

Lire la suite

Trois en un, bienvenue dans les Ateliers du klafoutis

boxcar.jpg

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.

Lire la suite

Une image réactive en plusieurs zones

cdipv.png

Créer des zones réac­ti­ves sur une seule image à l’aide de règles css.

Lire la suite

Sauterelle

sauterelle.png

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.

Lire la suite

Malaclemys : au boulot les gens !

screenshot.jpg

Merci de tes­ter sur vos navi­ga­teurs et de me faire part de vos remar­ques z’et sug­ges­tions.

Lire la suite

- page 1 de 4

Bienvenue

Pour quelques jours ce thème, Don Carlo, sera celui utilisé par les Ateliers du Klafoutis à titre de démonstration en attendant son versement sur DotAddict. Vous êtes invités à le tester sur vos plates-formes et navigateurs et me faire part des bugs éventuels dans le billet dédié.

Ici un bloc contenant par exemple quelques phrases d'accueil expliquant aux gens où ils débarquent.

Pour placer votre propre contenu, il faut éditer le fichier _home-aside.html présent dans le répertoire /tpl/ du thème, soit par FTP, soit en vous rendant sur le tableau de bord, puis Apparence du blog, puis Editer le thème et en cliquant ensuite sur le nom du fichier. La fenêtre d'édition vous permettra de remplacer le présent texte en utilisant la syntaxe xhtml.

Il est également possible de remplacer ce contenu par l'inclusion d'un billet spécial que vous aurez dédié à cet usage. Pour ce faire, créez une « Page », notez son url, puis remplacez tout ce qui est compris entre la première ligne et la dernière ligne (en conservant celles-ci) par la fonction kivabien.