Nous l’avons souvent abordé, soutenu, défendu : le développement front-end et notamment de CSS est une pièce centrale des sites web et même du Web, et ce phénomène s’accentue de plus en plus, notamment avec les sites en responsive.

Nicolas Hoffmann vous propose à cet effet une série de pas moins de dix articles sur les approches et contraintes modernes qui touchent CSS.

L’article précédent a présenté les CNQ, ou Coûts de Non-Qualité, ce deuxième article vous invite à les mettre en face de leur opposé : les COQ, ou Coûts d’Obtention de la Qualité.

Que le combat commence…

Dans la suite directe de la dette technique en exemple, Nicolas Hoffmann et Élie Sloim explorent pour vous la problématique de non-qualité sur les sites Web dans un double article.

En voici le premier, consacré aux Coûts de Non-Qualité.

Nicolas Hoffmann offers you a typographic topic: hyphenation with CSS.

In this article, you will start from Ancient Greek to the CSS4 text module, so a loooong "cutting" edge story.

Cédric Morin makes a ready-to-use solution solving Adaptive Images issue, that fits well with dynamic websites (one more solution, yeah): this solution is not trivial, but is designed to be automated.

Cédric Morin étudie une solution prête à l’emploi pour résoudre le casse-tête des Adaptive Images, adaptée aux sites dynamiques (une de plus, oui).

Cette solution est complexe, mais est prévue pour être complètement automatisable (comprenez industrialisable).

Une fois n’est pas coutume, Nicolas Hoffmann se penche pour nous sur un sujet typographique : la césure en CSS.

Passé, présent et futur de la gestion de la césure s’entrecoupent avec une touche historique… et d’accessibilité, vous n’alliez pas y couper, c’est sûr !

Une fois n’est pas coutume, nous reproduisons ici la préface du livre « Intégration Web, les bonnes pratiques » avec l’accord de l’auteure Corinne Schillinger. Cette préface a été écrite par deux de nos membres, à savoir Élie Sloim et Laurent Denis. Nous ne saurions que trop vous recommander de lire cet excellent ouvrage, ainsi que de savourer toute l’essence et l’évolution du métier de développeur front-end que cette préface relate.

Un point extrêmement simple à gérer en matière d’accessibilité mais tellement important pour certaines personnes est souvent oublié, ce point s’appelle… la visibilité du focus clavier. Tanguy Loheac et Nicolas Hoffmann vous invitent à vous en souvenir dans un petit article agrémenté d’une vidéo explicative.

La problématique du responsive est bien plus complexe que ce qu’on peut lire sur certains blogs qui essaient de nous faire croire qu’il suffit aujourd’hui, pour optimiser un site pour mobile, d’ajouter 2 Media Queries pour l’iPhone et l’iPad et redimensionner toutes les images. Le Responsive Web Design est une technique toute jeune, loin d’être parfaite et en constante évolution. Beaucoup de choses sont aujourd’hui possible, mais hélas il reste encore pas mal de chemin à parcourir dans le domaine.