.ma-classe-css vs div.ma-classe-css

En général, j’utilise la notation .ma-classe-css pour nommer les classes réutilisables par n’importe quel élément HTML. Cette notation est en fait un raccourci pour *.ma-classe-css où * est utilisé comme joker universel (les tirets ne sont là que pour le référencement).

Me souvenant que le reset * { margin: 0; padding: 0; } n’était pas optimum en terme de performances, je me suis dit que l’utilisation de div.ma-classe-css (en préfixant le nom de la classe avec la balise HTML à laquelle elle s’applique) permettrait certainement au navigateur de parcourir le DOM plus rapidement en raison du nombre réduit d’éléments sur lesquels boucler.

Un seul fichier CSS pour cibler IE6 et IE7 avec les commentaires conditionnels

Les hacks CSS, c’est pas bien ; les commentaires conditionnels, c’est mieux. Pour autant, je ne vois pas d’inconvénient à utiliser quelques hacks à l’intérieur d’une feuille de style réservée à Internet Explorer à l’aide des commentaires conditionnels. En effet, pourquoi ajouter une requête inutile en ciblant chaque version de IE quand on peut régler le problème une fois pour toute ?

Killing me softly (with this script)

Strumming my pain with his frame
Singing my life with wordpress
Killing me softly with his script
Killing me softly… with his script
Telling my whole life with wordpress
Killing me softly… with his script…

Les Editions Thélès à livre ouvert

Le site web des Editions Thélès est l’occasion pour moi de montrer aux jeunes générations comment les sites web étaient « conçus » à la fin du XXè siècle. Petit florilège de code :

function MM_reloadPage(init) {  //reloads the window if Nav4 resized

Ah, le petit bout de code javascript Made in Dreamweaver qui remettait les « calques » en place lorsque la taille de la fenêtre était modifiée… (oui, à l’époque il y avait beaucoup de « calques » qui se perdaient, aujourd’hui, se sont les « claques » ^_^v)

<table width="470" border="0" cellspacing="2" cellpadding="2">
    <tr>
        <td width="19" rowspan="4">&nbsp;</td>

La mise en page avec les tableaux était également à la mode en ces temps reculés, où seul dans sa grotte, éclairé par la lumière chancelante d’un feu volé à l’orage… etc.

Tiens, comme quoi, parler des Editions Thélès me rendrait presque lyrique 😉

PS : Vous aimez le web ? Faites comme moi, apportez votre soutien à Marc Autret dans le différent qui l’oppose aux Editions Thélès !

Arrêtons-les avant qu’ils ne nous arrêtent !

Ils en parlent :

PS2 : Pour pouvoir bloguer l’esprit tranquille, je vous invite à jetter un oeil sur ces billets de Maitre Eolas, avocat, concernant l’attitude à adopter à la réception d’un courrier d’avocat et notre responsabilité en tant que blogueur.

Vis ma vie d’intégrateur HTML

Sur une proposition indécente de Julien, je vais citer les trois vidéos qui m’ont fait ressentir quelque chose, les trois Blogs qui me sont indispensables, les trois musiques qui ont une signification spéciale pour moi, et pour finir, les trois images qui me font vibrer :

7 liens utiles pour l’intégrateur web : le retour

Allez, hop, un petit billet entre deux feuilles de style CSS pour partager quelques infos utiles à l’intégrateur web : dégradés transparent sur les titres, nouvelle référence HTML, du nouveau chez le navigateur Flock, se préparer à WordPress 2.5 du point de vue du blogueur et du développeur de plugins, Dotclear is back, OpenID comme à la maison, et tout pour monétiser votre blog dans les meilleures conditions.

7 liens utiles pour l’intégrateur web

Depuis que j’ai mis en place ma blogroll 2.0, je ne voyais plus trop l’intérêt des articles « En vrac », mais au vu du peu de liens sortants en provenance de cette liste de lecture, je me dis qu’un petit vrac de temps à autre ne peut pas faire de mal. Magnéto : un nouveau script pour régler les problèmes de transparence du format PNG dans IE6 et un autre pour faire des coins arrondis sans trop boursouffler le code HTML ; un détour par l’incontournable Smashing Magazine pour des astuces CSS de folie ; le lien vers LA ressource ultime pour le webdesigner (à part la grosse grosse liste, bien sûr…) ; l’essentiel à connaitre sur le nouvel avatar du back-office de WordPress 2.5 ; un plugin pour tranformer vos catégories ou vos pages en menu déroulant dans WordPress et une anecdote amusante (ou pas) sur les jeunots du web pour terminer…

Rétablir le flux après des éléments flottants en CSS sans balise HTML supplémentaire

Il y a quelques temps, je m’étais interrogé sur les différentes manières de rétablir le flux après un float. A l’époque, mon vocabulaire en la matière était rustique mais solide : je contentais souvent d’un coup de clear: both appliqué soit à une balise div, hr ou br. Comme j’en ai appris un peu plus sur le clearing suite aux commentaires qui ont suivi, j’assure le service après-vente, ce qui fait de moi une espèce de Darty Monsieur Plus du CSS… 

Nombre d’or, suite de Fibonacci et autres grilles de mise en page pour le design web

petit-nautile.pngDans la série des thèmes WordPress minimalistes voilà The Ideal Website 1.1 proposé par Information Architect (iA). L’équilibre graphique de ce thème provient essentiellement de l’application de la suite de Fibonacci — qui fournit des rapports très proches du nombre d’or — aux différentes proportions des éléments du design. Le résultat est ce que j’ai vu de mieux en matière de mise en page pour un blog. C’est la démontration réussie que l’on peut appliquer les règles de mise en page du monde de l’imprimé à l’écran, sans rien sacrifier. Je l’avais presque oublié.

Sont taquins chez WordPress ;)

avec browse-happy.gif : WordPress recommande un meilleur navigateur
Si vous utilisez le tableau de bord Admin de WordPress avec Internet Explorer vous avez droit à ce joli visuel vous mettant en garde contre l’utilisation d’un navigateur non sécurisé et vous invitant à switcher pour un monde meilleur 😉