Mon blog sur Facebook

Après avoir créé un groupe pour Notorious Blog, je viens de créer un groupe Facebook pour ce blog. Pour quoi faire ? Facebook, à nous d’inventer la vie qui va avec ! Pour css4design, la ligne directrice est simple : c’est un groupe dédié à l’intégration html et css, au référencement dans Google et bien sûr au webdesign au sens large (graphisme, technique de mise en page, contraintes cross-browser…).

N’hésitez pas à participer en gribouillant des notes, en partageant des idées ou en postant des liens ! Si vous n’êtes pas inscrit, c’est peut-être l’occasion. A bientôt 🙂

Frameworks CSS + Reset CSS : design from scratch

Je n’ai pas résisté à l’envie de vous proposer ma traduction de l’article CSS Frameworks + CSS Reset: Design From Scratch paru dernièrement sur Smashing Magazine. Les frameworks CSS sont des environnements de développement composés généralement de plusieurs fichiers CSS gérant chacun une partie spécifique du design web (typographie, grille de mise en en page, formulaires, etc…). Ces frameworks sont souvent accompagnés d’un Reset CSS, pour s’affranchir des différences de rendu entre les navigateurs. L’article fait ainsi le point sur la notion de framework CSS, ses avantages et ses inconvénients, décrit les frameworks les plus populaires et termine par une série de liens commentés à propos des Reset CSS et des styles de base. En attendant d’éventuels retours sur la traduction, ce billet est en version bêta.

[résolu] Les folles journées de l’intégrateur HTML et ses petits tracas…

Le quotidien de l’intégrateur HTML est parfois assombri par la survenance de bugs plus ou moins gênants. Ces derniers jours, je me suis débattu avec un décalage de couleur entre une image au format png et un fond spécifié en hexadécimal. Et comme si ça ne suffisait pas, Internet Explorer et Firefox n’ont pas aimés que je débute l’intitulé d’un identifiant avec un underscore ! Pfff… Pour finir si l’utilisation de overflow: hidden pour clearer les float est une bonne idée, cette propriété peut avoir des effets de bord indésirables. Enfin, voyons ça de plus près :

HTML Validator pour traquer les erreurs javascript ?

Depuis peu, l’affichage et le masquage de certaines rubriques de ma blogroll était en grève sans raison apparente : aucune modification des scripts jQuery en question. Tout en continuant malgré tout de chercher du côté de Javascript, je me suis rappelé une discussion avec Goulven ou Sébastien concernant l’intérêt de valider son code HTML pour traquer les erreurs. J’ai lancé HTML Validator sans conviction…

5 Reset CSS à la loupe pour une remise à zéro des valeurs par défaut des navigateurs

Vous n’utilisez pas de styles CSS pour votre page web ? Ce n’est pas grave : les navigateurs le font pour vous. Ils utilisent chacun leur feuille de style par défaut pour obtenir un rendu visuel minimal. C’est pourquoi les tableaux possèdent des bordures, et les paragraphes des espaces avant et après. Le problème ? Si des balises comme strong ou em sont traitées de la même manière par les agents utilisateurs, l’immense majorité présente des différences plus ou moins importantes. Ce fameux manque de « consistance » décrié par les webdesigners anglo-saxons concerne principalement les propriétés margin et padding. Avec une pensée particulière pour le retrait des listes ol et ul : si IE applique bien le margin-left: 40px préconisé, Firefox utilise quant à lui un padding-left: 40px pour le même rendu. Dans ces conditions, il est tentant de vouloir mettre tous ces agents utilisateurs au garde-à-vous…

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

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.

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.