Je m'en suis rendu compte en relisant mon précédent billet : j'oppose souvent les bons des mauvais hacks. Les astuces qui respectent les normes des bricolages qui induisent un comportement réellement aberrant, déplorable, malpropre, malsain et qui ne résisteront probablement pas à l'épreuve du temps ou même de la release publique du site.
Mais je ne donne que trop rarement d'explications détaillées, et y'a pas vraiment sur mon blog de moyen de les retrouver. Voici une suite d'article ou de liens vers des articles déjà publiés.
TL;DR ? Sautez direct au générique plus bas pour la liste d'enquêtes.
Les webdesigners (les vrais, ceux qui font de la CSS aussi) peuvent se foutre de ma gueule : je suis très mauvais en retouche d'image.
Je pourrais rester soft, diplomate et haut-de-gamme, dire simplement que ça m'énerve mais là, je pense qu'il est temps d'éliminer les lascars qui se la jouent impunément. Et comme la bande-son de Lalo Schiffrin reprise par Adam F, ça en jette…
Search warrant !? There was a girl dying.
Car oui, on a beau professer les bonnes manières, je continue à voir passer ces immondices, ces horreurs à faire vomir par le nez Frank Taillandier. Des injustices contre les bons citoyens codeurs/designers mais surtout contre ceux qui utilisent des navigateurs modernes. Des bricolages immondes qui sont présentés comme “la meilleure méthode” parce que le site est systématiquement numéro 1 des réponses Google ①. Bien souvent, ceux qui les appliquent ne veulent pas comprendre ce qu'il se passe vraiment, en quoi cette astuce est mauvaise. Et que bien souvent, elle fait une très mauvaise publicité à ceux qui les appliquent. Les projets à haut-profil recrutent désormais sur la compétence et l'expertise.
Alors pourquoi abuser de ces saletés ?
Plutôt que continuer dans les références intégristes (Torquemada, ayatollah,...②), j'ai décidé de sortir mon flingue et de régler leur sort aux hacks délictueux qui courent le marché en tout impunité. Et tant pis pour le troll.
Indirectement, et alors que je cherchais le sujet de mon billet technique du mardi, je me suis souvenu que nous fêtons les dix ans d'OpenWeb, la meilleure ressource francophone sur les bonnes pratiques du Web. Celui que nous lisions avec ferveur. C'est mon hommage à mon panthéon de héros personnels. Merci à eux.
Et toi, le salgouin que je course, tu te poses la question, est-ce qu'il me reste une balle dans le barillet… Dans toute cette excitation, je dois reconnaitre que moi-même, j'ai perdu le compte. Mais ceci est un parseur HTML 357 Magnum. « the x-most-powerful handgun in the w3, and would blow your <head> clean off, you've got to ask yourself one question : “Do I feel lucky ?” Well, do ya, punk ? »
He doesn't break murder cases. He smashes them
Déjà dans votre vidéoclub :
- html & css : Les commentaires conditionnels
- css : Magouilles dans les CSS
- Du sprite explosé en petits glaçons
- Liens serrés dans la Police
- Des Bleus et des Boss
- Exécutions très rapides
- Le script des bas-fonds
- Préfixes frelatés
Forthcoming on the silverscreen :
- js : document.all
- html : les attributs codés dans les class
- javascript : Le packing
- html : Supprimer <html>, <head> et <body>
- js : Le JSONP
J'en oublie plein, alors proposez. Voir si vous avez des billets déjà écrits sur d'autres sujets, laissez les liens en commentaires plus bas.
À joindre au procès-verbal
- ① numéro 1 des réponses Google
- Comment ça, je vise w3schools ? mais non (PAN !) (PAN !) je ne vise pas qu'eux.
- ② Torquemada, ayatollah,...
- Pas de reference aux juifs orthodoxes extrémistes, on ne sait jamais, le CRIF peut me lire. Déjà que le personnage de Callahan est un raciste avéré…
7 réactions
1 De Stéphane Deschamps - 26/03/2013, 13:52
Les commentaires conditionnels ne sont pas une saleté, ils sont un mal nécessaire qui sauve tous les jours la santé mentale de nombre de développeurs webfront.
<i lang="en">discuss</i>
(ouais je sais que le HTML est affiché tel quel mais je pense à tes lecteurs du mondentier) :)
2 De Jeremie - 26/03/2013, 14:44
Euh... y'a plein de truc dans ta liste qui ne sont pas des saletés, loin s'en faut.
html : Les commentaires conditionnels
C'est une solution respectueuse des standards à un problème bien particulier
html : * html
Ça oui, c'est moche de chez moche (et pas fiable dans le temps)
css : les sprites
Euh... en quoi c'est un problème ça ? Certes, c'est à manipuler avec parcimonie, mais il n'y a pas de raison de s'en détourner.
js : document.all
Oui, ce n'est pas standard... et surtout c'est inutile car il y a maintenant des moyen standards, disponibles dans tous les navigateurs (sans aucune exception) de faire la même chose.
css : *zoom
C'est moche mais pas anti-standard par essence (sauf le symbole *, voir mon commentaire ci-avant sur * html). Une propriété CSS non reconnus, est juste, ben, non reconnus. Le problème viens plutôt du fait que cette propriété a été confisqué par l'usage et qu'elle ne pourra plus être réutilisé de manière standard... dommage.
css & js : Les préfixes constructeurs
C'est un problème, mais pas insurmontable ni "moche". Par contre, c'est un nid à problèmes si on les utilise sans précaution ou sans discernement.
html : les attributs codés dans les class
Pas compris de quoi il s'agit là.
javascript : Le packing
La minification ok, le packing, c'est juste une façon de rendre un script à la fois plus petit et plus lent !
html : Supprimer <html>, <head> et <body>
A non, ça c'est totalement standard. Je rappel que le plus petit document HTML5 valide possible est le suivant:
<!DOCTYPE html>
<title></title>
html : La balise <script> en bas de page
C'est considéré comme une bonne pratique de performance.
js : Le JSONP
Ça, ouais, c'est de la vraie saloperie, il n'y aura jamais de mot assez dure pour le clouer au pilori.
3 De Nico - 26/03/2013, 14:46
Yop, si tu veux certains billets, y a ce qu'il faut sur Openweb : ;)
http://openweb.eu.org/articles/perf...
http://openweb.eu.org/articles/les-...
Et pour les commentaires conditionnels, ça va venir, je suis en train d'en écrire un tout beau z'article pour Openweb. ;)
4 De eQRoeil - 26/03/2013, 15:40
"Moi je flingue, toi tu creuses" double sens ?
Faut-il (se) creuser (la tête) pour trouver ce que t'aurais pas du flinguer ?
Comme "L'homme sage est celui qui connait ses limites" , je ne me risque pas à l'exercice ; )
5 De Da Scritch - 26/03/2013, 16:16
AHAHAHAHAHAH ! J'ai eu Jérémie !
Non, en fait, tous sur la liste ne sont pas des mauvais, l'idée dans ces articles à venir, c'est peser en quoi ces hacks sont bons, ou en quoi ils sont mauvais. J'envoie juste du pâté pour voir vos réactions. Et elles sont inespérées.
6 De da scritch net works - 15/05/2013, 08:07
Dirty Hacky IV : Liens serrés dans la Police
Ouep. c'est comme un tour de magie : quand j'assemble toutes ces lettres, le dossier fait un très beau schéma. Comment ça, trop serrées mes menottes ? ol.listserif { list-style-type: upper-roman } ol.listserif li:before { font-family : serif }...
7 De da scritch net works - 28/05/2013, 13:59
Dirty Hacky V : Des Bleus et des Boss
T'as voulu un site vraiment pas cher, t'as mégoté sur les salaires, t'auras un site vraiment de merde. Heureux ?...