256 classes

#id {
  background: blue;
}
 
.c000.c001.c002.c003.c004.c005.c006.c007.c008.c009.c010.c011.c012.c013.c014.c015.c016.c017.c018.c019.c020.c021.c022.c023.c024.c025.c026.c027.c028.c029.c030.c031.c032.c033.c034.c035.c036.c037.c038.c039.c040.c041.c042.c043.c044.c045.c046.c047.c048.c049.c050.c051.c052.c053.c054.c055.c056.c057.c058.c059.c060.c061.c062.c063.c064.c065.c066.c067.c068.c069.c070.c071.c072.c073.c074.c075.c076.c077.c078.c079.c080.c081.c082.c083.c084.c085.c086.c087.c088.c089.c090.c091.c092.c093.c094.c095.c096.c097.c098.c099.c100.c101.c102.c103.c104.c105.c106.c107.c108.c109.c110.c111.c112.c113.c114.c115.c116.c117.c118.c119.c120.c121.c122.c123.c124.c125.c126.c127.c128.c129.c130.c131.c132.c133.c134.c135.c136.c137.c138.c139.c140.c141.c142.c143.c144.c145.c146.c147.c148.c149.c150.c151.c152.c153.c154.c155.c156.c157.c158.c159.c160.c161.c162.c163.c164.c165.c166.c167.c168.c169.c170.c171.c172.c173.c174.c175.c176.c177.c178.c179.c180.c181.c182.c183.c184.c185.c186.c187.c188.c189.c190.c191.c192.c193.c194.c195.c196.c197.c198.c199.c200.c201.c202.c203.c204.c205.c206.c207.c208.c209.c210.c211.c212.c213.c214.c215.c216.c217.c218.c219.c220.c221.c222.c223.c224.c225.c226.c227.c228.c229.c230.c231.c232.c233.c234.c235.c236.c237.c238.c239.c240.c241.c242.c243.c244.c245.c246.c247.c248.c249.c250.c251.c252.c253.c254.c255 {
  background: red;
}

256 classes. Comme le démontre cet exemple par Chris Coyier, c’est tout ce que ça prend pour battre un (maigre) identifiant CSS, même si ce dernier devrait être en théorie l’emporter.

Pourquoi? Parce que cette spécificité est calculée en base 256 par plusieurs navigateurs.

Question de se rafraîchir la mémoire sur la spécificité CSS que l’on oublie trop souvent (« Coudonc, pourquoi ma règle CSS ne marche pas? »), voici quelques liens intéressants sur le sujet :

« Specifics on CSS Specificity », CSS-tricks
« CSS Specificity: Things You Should Know », Smashing Magazine
« Calculating a selector’s specificity », W3C

Photo par cygnus921

Commenter »

Prendre six minutes plutôt que cinq…

Vous travaillez avec WordPress? Vous devez alors connaître le fameux processus « d’installation en cinq minutes »…

Avant d’installer WordPress pour votre prochain projet, consultez ces astuces offertes par wptuts+ sur onze bonnes pratiques pour maîtriser le fichier wp-config.php; car il n’y a pas que les informations de connexion à la base de données qui peuvent y être configurées!

« Conquering the wp-config.php File – 11 Good Practices » – wptuts+

Photo par bitslammer

Commenter »

Le CSS… du futur

A List Apart présente dans son article « Learning to Love the Boring Bits of CSS » quelques (nouveaux) éléments CSS qui pour l’instant ne sont pas encore répandus au niveau des différents navigateurs modernes, mais qui éventuellement nous faciliteront la vie.

Au menu : tailles de polices relatives au document, largeurs relatives à la fenêtre, valeurs calculées… Une lecture bien intéressante!

« Learning to Love the Boring Bits of CSS », par Peter Gasston

Photo par Matt From London

Commenter »

Comment structurer ses fichiers CSS

À chaque fois, c’est la même histoire : dès que l’on se retrouve plusieurs à collaborer sur un fichier CSS, ça peut rapidement devenir le bordel.

La solution? Un guide de styles pour fichiers CSS afin d’en assurer une structure durable. Mais encore faut-il le créer ce guide…

Pour nous inspirer, CSS Tricks a regroupé les liens vers les guides de styles de quelques géants du domaine et en a également listé les grandes lignes. De Github à Google en passant par WordPress, cet article est une excellente base afin de rédiger votre propre guide de styles.

« CSS Style Guides », par CSS-Tricks

Commenter »

Trois idées pour réinventer le débat des chefs

En cette période électorale provinciale, nous sommes confrontés encore une fois au prévisible débat des chefs. Alors que TVA tente de « réinventer la formule » et que les absents étaient virtuellement présents, pourquoi ne pas rêver un peu et créer nos propres balises pour un débat des chefs nouvelle formule?