Pour rétablir le flux après un float, vous êtes plutôt HR, BR ou DIV ?

Dans le prolongement du billet précédent concernant une mise en pages CSS avec la propriété float, je me suis intéressé aux différentes manières de styler la balise hr pour rétablir le flux après en avoir sorti des éléments en les faisant flotter à gauche ou à droite. J’utilise généralement hr avec le traditionnel clear: both et visibility: hidden et je jongle ensuite avec les marges ou la hauteur pour espacer les éléments. Or, depuis que j’utilise le reset.css d’Eric Meyer, j’ai tendance à supprimer les marges de tout ce qui bouge, mais cette chère règle horizontale reste récalcitrante à la remise à zéro cross browser

Kawa-Yaka ? Sortons le plumeau du placard…

Kawa-Yaka ? Sortons le plumeau du placard... Il est difficile de passer à côté des chaînes qui tentent d’emprisonner la blogosphère. Pour ajouter encore à la confusion je lance Kawa-Yaka. Le but est de présenter un avant-goût des projets web perso qu’on réalise souvent entre midi et deux ou tard le soir. Kawa ? Bien qu’on en parle autour de la machine à café, ces projets s’accumulent et prennent souvent la poussière… L’idée est de faire un billet pour dévoiler une part du mystère. Une sorte d’avant-première sous forme de capture d’écran partielle, de résumé, d’accroche sybilline, de nuage de tags ou de charade… Yaka ? L’objectif de cette petite chaîne est de se donner une motivation pour sortir le plumeau du placard ^_^. En ce qui me concerne, voici un échantillon du logo de mon prochain blog :

Recherche webdesigners talenteux(ses) de dimension nationale… pour faire des pâtés de sable ;)

Sandbox Designs Competitions. Scott Wallick me demande de l’assister dans le concours en trouvant des webdesigners européens confirmés pour faire partie du jury. Si vous ne connaissez pas les membres déjà inscrits, faites un tour sur leur site : c’est du lourd, comme on dit à la télé… En pratique : si vous êtes (ou si vous connaissez) un(e) webdesigner talentueux(se), reconnu(e) par vos (ses) pairs et vos (ses) clients avec si possible une dimension nationale voire européenne, c’est l’occasion ou jamais de devenir membre du jury pour le Sandbox Designs Competitions aux côtés de Nicole Hernandez, Alex King, Paul Stamatiou, Becca Wei, et David Yeiser.

WordPress : astuces pour afficher une page « autonome » avec wp_list_pages()

Tandis que fran6 s’interrogeait sur la création d’une page statique comme page d’accueil d’un blog WordPress, je me demandais comment créer une page prestations.php (teasing inside) affichant certaines catégories de billets dans une maquette spécifique. Je parle d’une page utilisant les boucles WordPress se suffisant donc à elle-même, et pas d’un Modèle de Page à remplir ultérieurement. Tout en sachant que j’ai besoin que cette page soit considérée comme une Page afin d’apparaître avec le marqueur wp_list_pages()

strFool = $( Cascading Style Summer Refresh 2007, Pimp my hCard, Sandbox Designs Competition, Cody, Reshape-music );

En vrac. A l’approche de l’été les concours fleurissent et les musiciens accordent leurs instruments. Si la météo est capricieuse, il fera bon rester chez soi et plonger les mains dans le code. Si le soleil est au beau fixe, on sortira écouter de la musique. Commençons avec trois concours en relation avec le design web, le HTML ou les CSS pour celles et ceux que ça démange, suivi de deux amuses-bouches musicaux.

Quelques notes sur Sandbox, un thème WordPress pour intégrateurs html CHIC qui aiment les microformats

Lors d’un précédent billet concernant la sortie de WordPress 2.2, j’avais évoqué la version 0.6.1 du thème Sandbox. Je profite du passage en version 0.9 pour passer la deuxième couche car Sandbox est intéressant à plus d’un titre. Cest le thème idéal pour les intégrateurs html qui trouveront une palanquée (et le mot est faible) de classes prêtes à styler avec un regard tourné vers l’avenir du web sémantique grâce aux microformats hAtom et hCard à l’horizon.

Installer Dotclear 2 bêta 6 et migrer depuis une version 1.2.5

Installer Dotclear 2 bêta 6 et migrer depuis une version 1.2.5 Il y a presque un an, je testais rapidement Dotclear 2. Je renouvelle aujourd’hui l’expérience. A force de comparer WordPress et Dotclear sur les dernières fonctions à la mode, j’ai finis par oublier l’essentiel : quand je vois que les fonctions d’internationalisation de WordPress ne permettent pas de localiser le front-end de n’importe quel thème sans mettre les mains dans le cambouis, je me dis qu’un produit conçu dans la langue de Molière, multi-blogs et tags ready en natif a de l’avenir ^_^

Tutoriel WordPress : la sidebar à la loupe, comprendre les widgets et déclarer une « WAR »

A l’installation de WordPress 2.2, le thème par défaut propose une barre latérale contenant le champs de recherche, les catégories, les pages ou encore la blogoliste. Le tout, affichés via une liste non ordonnée contenant elle-même d’autres listes. C’est pratique en plus d’avoir du sens. Mais si je voulais séparer ces éléments pour respecter une charte graphique allant au-delà de la présentation habituelle, je devrais modifier le code HTML en plus de modifier la feuille de style CSS. Dans ce tutoriel, j’aborde la transformation de cette liste globale en plusieurs blocs transpositionnables, en enfilant des gants pour commencer, puis avec les Widgets qui ont fait leur apparition. Je termine en ajoutant une deuxième zone widgétisable à un thème qui n’en comportait qu’une au départ. J’en ai profité pour rendre le code du Widget Texte 1 plus sémantique en remplaçant une div par un p (c’est élégant, tiens…) 😉