« Keep working with CSS — and not against it — and it’ll treat you right. »

Oui.

Un des exemples qu’on voit encore actuellement, c’est celui du menu horizontal avec des float.
Les flottants ne servent pas à ça. Ça produit des choses bizarres : et on patch ça avec un élément vide et « clear:both ». Et ça marche plus sur les mobiles, donc on utilise du responsive-design. Et finalement les flottants inversent l’ordre, donc on retouche au HTML, voire au PHP…

Alors qu’il existe l’option du « inline-block » qui est fait pour ça et qui n’a aucun de ces inconvénient.

S’il y a une chose que j’ai appris après 6 ans de HTML/CSS en autodidacte, c’est que les hacks bizarres, ça dépanne, mais ce n’est pas pratique : la moindre bordure, marge, changement d’écran ou de navigateur et tout est foutu en l’air. Donc on ne touche à rien et le site n’évolue plus. Alors que si on utilise un truc fait exprès pour ce qu’on veut faire, ça marchera partout, car tous les navigateurs qui prennent en charge une techno respectent le but de cette techno. Pas forcément les mêmes marges/bordures/décalage, mais le même but.
C’est pour ça que j’aime ce genre de choses : pas de hack, du solide, du propre.

(via)
— (permalink)