PUBLIC MARKS from Monique with tags webdesign & standards

Perhaps it is no secret to you that a good frontend design should be usable and accessible. That could be understood as having content that’s organized, readable, and understandable to everyone browsing the web, regardless of any impairment they may have.

According to a screenreader survey, 76% of screenreader users use headings to navigate either ‘often’ or ‘all the time’. With that statistic we can’t argue how important headings are especially for people with disabilities.

On considère généralement que la mise en forme du code HTML (retours à la ligne, indentation, espaces entre les balises) n'a aucun impact sur le rendu final. Il est possible, par exemple, d'écrire le code d'une page web complète sur une seule ligne ; ou bien de revenir systématiquement à la ligne pour chaque nouvelle balise ; ou encore de laisser plusieurs lignes vides, pour « éclaircir » un code et en faciliter la lecture. Même si cette conception est généralement vraie, il faut se méfier de ce genre de généralités. La mise en forme du code peut avoir des conséquences sur le rendu ! Petite mise au point...

l'unité "em" et la démarche à suivre pour l'utiliser à bon escient

Accessibilité, qualité et design : comment concilier ces trois approches dans une optique de production de sites web, avec les contraintes et les exigences liées à des processus « industriels » ?

WaSP : Se battre pour les standards

Tentative d'explication des motivations de la journée sans CSS

Blocs flottants, clear, overflow et scrollbars

Blocs flottants, clear et overflow

Blocs flottants, clear et overflow

par Tantek Çelik

"To use CSS for layout effectively, it helps to know how it's used to position page content."

Cascading Style Sheet Compatibility in Internet Explorer 7

Principales catégories : Web design, Le meilleur des mondes, Fun, P'tits dessins

Traduction d'un article de Sergio Villarreal, web designer mexicain : une même page réalisée avec des tableaux et avec les feuilles de style (POMPAGE).

Tests de mise en forme de la bordure.

How to make Internet Explorer-specific Web applications work in Mozilla-based browsers.

Traduction de l'article de Flash Satay (de Drew Mclellan sur A List Apart).

Plusieurs solutions existent pour arrondir les coins d'un élément bloc en XHTML/CSS dont la largeur et la hauteur sont variables. Malheureusement, aucune n'est parfaite.

Nearly every web designer is guilty of forcing line breaks, creating tables that don't hold tabular data, and a host of other egregious HTML sins.

Traduction d'un article de Douglas Bowman (stopdesign.com)

Quelle est la taille idéale pour afficher du texte à l'écran ? Excellente synthèse.

Site offrant à la fois un regard expert sur le web et des exemples concrets d'utilisation des normes du W3C.

Une solution CSS qui remplace avantageusement la version imprimable d'un document.