Construire un thème — Jour 8

Ça fait maintenant huit jours qu'on a commencé à construire le thème Ductile. C'est l'occasion de faire un point sur l'avancement, sur les choix de design, et de vous donner un avant-goût de ce qui va arriver dans les prochaines sessions.

Nous voici donc dans la dernière ligne droite, on a déjà parcouru beaucoup de chemin depuis la première journée. Le thème prend forme, il ressemble à quelque chose, et il fonctionne. C'est l'heure du bilan.

Un design qui s'adapte

La philosophie du thème, c'est de partir d'une structure fluide qui s'adapte à toutes les tailles d'écran. Pas de grille rigide, pas de positionnements absolus partout, mais une disposition qui reste lisible aussi bien sur un téléphone que sur un écran 27 pouces.

Pour y arriver, on s'appuie sur les media queries et un système de colonnes simple : un contenu principal à gauche, un bandeau latéral à droite, et basta. Quand l'écran devient trop étroit, le bandeau passe en dessous, et tout continue de fonctionner.

Un thème, c'est avant tout de la typographie. Le reste n'est que décoration.

Pour le menu, on a opté pour un système d'onglets qui rappellent les vieux carnets de note : coins arrondis en bas à gauche, légère ombre portée, une police sans-serif condensée pour le contraste avec le corps en serif.

Et après ?

Les prochaines étapes : peaufiner les widgets de la sidebar, finaliser la documentation, et publier la première version stable. Bref, encore un peu de travail, mais le plus dur est fait.

Construire un thème — Jour 5

Cinquième jour de travail sur le thème. Aujourd'hui, on s'attaque à la barre latérale et aux widgets. Le but est de garder la même densité d'information que dans la maquette initiale, sans surcharger visuellement la page.

Pour les widgets, on utilise un fond gris très léger, un liseré en bas, et une petite ombre portée. C'est un système qui rappelle les vieux magazines papier : des blocs d'information bien distincts, faciles à scanner du regard…

Lire la suite

Construire un thème — Jour 3

Troisième jour, on commence à voir où on va. La structure HTML est en place, le reset CSS aussi. Maintenant, il faut s'attaquer au plus important : la typographie. C'est elle qui donne le ton, l'humeur, l'identité du thème.

Pour le corps du texte, on choisit une serif classique, New Century Schoolbook ou Georgia en repli. Pour les titres, on opte pour une petite caps élégante, et pour les méta-données (auteur, date, catégorie) on prend une sans-serif condensée qui rappelle les journaux…

Lire la suite

Construire un thème — Jour 1

On démarre une nouvelle série d'articles : la création d'un thème Dotclear de A à Z. L'idée est de documenter chaque étape, chaque choix, chaque erreur. Au final, on aura un thème complet, et un carnet de bord.

Première journée, on pose les bases : la structure HTML minimale, le reset CSS, et on commence à regarder les couleurs, les polices, l'ambiance générale. C'est lent, c'est normal, il ne faut pas brûler les étapes…

Lire la suite

page 1 de 3 -

À propos

Ductile est un thème Dotclear conçu pour la lecture longue. Sobre, sans fioritures, il laisse la place au texte.

Tags populaires