Articles tagués « HTML »

Flux RSS du tag « HTML »

Comment utiliser les listes de définitions ?

Par Eric Le Bihan

Je n’ai pas la prétention de répondre à cette question, mais j’aimerai vous faire partager mon interrogation. Si je relis les recommandations HTML 4.01 du W3C (Definition lists: the DL, DT, and DD elements), voilà ce qui est dit à ce sujet : Les listes de définitions ne varient que légèrement par rapport à d’autres types de listes, ce type de liste est composé de deux parties : un terme et une description. L’utilisation la plus appropriée est donc celle où un mot ou une expression : <dt> serait défini par une courte explication : <dd>, comme dans un dictionnaire […]

Concevoir un formulaire HTML qui tient la route

Par Eric Le Bihan

Il ne vous est jamais arrivé de remplir un long formulaire pour, par exemple, commander un voyage ou un vol et ne pouvoir le valider parce que le clic sur le bouton de validation du formulaire ne produit aucun résultat ? C’est ce qui m’est arrivé il y a quelques semaines de celà… C’est vrai que je suis passé de PC à Mac et que je fais maintenant partie d’une minorité. L’accessibilité prends dans ce cas tout son sens. J’ai eu beau essayer avec Safari, Firefox, Opéra, Google Chrome, rien n’y a fait. Bref si je n’avais pas eu un […]

Introduction à WAI ARIA (traduction)

Par Pierre Bertet

Grégoire Dierendonck L’article qui suit est la traduction de l’article « Introduction to WAI ARIA« , publié par Gez Lemon sur Dev Opera, le site d’Opera Software destiné aux développeurs. Gez Lemon est un expert reconnu de l’accessibilité web. Il est membre du WaSP ( Accessibility Task Force ) et travaille pour The Paciello Group, entreprise de conseil spécialisée dans l’accessibilité web. Cette traduction, comme l’article original, est placée sous licence Creative Commons by-nc-sa 2.5. Cet article est destiné à des personnes ne connaissant pas ARIA. Vous devriez avoir une bonne connaissance du langage HTML et des problèmes que peuvent rencontrer les […]

Utiliser la propriété display: inline-block

Par Eric Le Bihan

Cette propriété qui est très peu utilisée pour des raisons de compatibilité navigateur est néanmoins intéressante. Elle permet en effet d’appliquer des styles de type « block » à un élément ayant un comportement de type « inline », comme par exemple, une largeur, une hauteur, des marges, etc. Ce qui veut dire que dans certains cas, il est possible de structurer des parties de pages sans avoir recours à la propriété float (left, right) ou position (relative, absolute). Bien qu’incomplètement prise en compte par les différents navigateur, il est possible de l’utiliser avec quelques connaissances supplémentaires, démonstration : Prenons l’exemple simple d’un formulaire […]

Les nouveaux navigateurs débarquent (attention ils mordent)

Par Pierre Bertet

Opera 9.5 vient tout juste de sortir dans sa version finale, et la liste des changements est impressionnante (vous pouvez également consulter un article présentant les nouveautés aux développeurs). La date de sortie de Firefox 3 a été fixée au 17 juin. Safari 3.1 attend ses nouveaux camarades depuis quelques temps déjà. Dans quelques jours, les internautes auront à disposition trois navigateurs web d’excellente qualité. Javascript Les performances de Javascript sont plus élevées que jamais, et c’est loin d’être fini : Firefox 4 utilisera le moteur ECMAScript de Flash Player, Tamarin. Le projet Webkit (le moteur de rendu utilisé par […]

Cibler Internet Explorer dans une CSS ? Oui, et sans hack.

Par Pierre Bertet

La méthode commence à être rodée : pour intégrer un design en CSS, on commence par le faire sur un navigateur « moderne », puis on corrige les différents problèmes rencontrés sur Internet Explorer, surtout dans sa version 6, qui commence à sérieusement à s’incruster. Pour cela, il existe plusieurs solutions. Eviter les embrouilles Avec la pratique, un certain nombre de réflexes se mettent en place, et on anticipe immédiatement les problèmes. Un float:left, avec une marge sur sa gauche ? Un display:inline placé dans la même déclaration permet d’éviter le bug de la double marge. Tous les navigateurs ignorent ce display:inline, […]

Faire cohabiter plusieurs versions d’Internet Explorer

Par Eric Le Bihan

Avec la version béta d’Internet Explorer 8, se pose la question habituelle aux développeurs et intégrateurs à chaque sortie d’une nouvelle mouture du navigateur de Microsoft : comment faire cohabiter plusieurs versions d’Internet Explorer sur son PC ? Habituellement faire cohabiter deux versions d’IE suffit, mais étant donné qu’une partie encore importante des internautes se cramponne au vieux navigateur IE6, il est souhaitable de pouvoir tester ses pages dans les trois dernières version du navigateur. 1ère étape : Installer Internet Explorer 8 version beta. Pour celà aller sur le billet de Pierre du 6 mars dernier ou encore plus rapide […]

Les pop-ups sont morts

Par Eric Le Bihan

Certaines pratiques ont la vie dure… La navigation par pop-up à l’intérieur d’un site en est une des plus tenaces. Pourquoi utiliser des pop-up ? Le raisonnement que j’entends souvent est : « le contenu n’est pas assez important pour une nouvelle page ». Ce raisonnement aussitôt contredit par des demandes de pop-up de 650px sur 800 px … Pourquoi tant d’acharnement ??!! Bien sur je ne parle pas des pop-up non sollicitées qui ne méritent même pas qu’on s’y arrête ne serait-ce qu’un instant, les navigateurs tels que Firefox ou Opéra, nous en débarassent sans que nous ne nous […]

Un premier brouillon pour HTML5

Par Pierre Bertet

Le premier brouillon (Working Draft) de HTML5 vient d’être publié par le W3C. L’annonce sur le blog du WHATWG : http://blog.whatwg.org/html-5-published-as-w3c-first-public-working-draft Vous trouverez sur la page suivante les différences entre HTML4 et HTML5 : http://www.w3.org/TR/html5-diff/ Laurent Jouanneau a publié un excellent article à ce sujet : http://ljouanneau.com/blog/2008/01/23/747-premier-brouillon-de-html5 […]

Lire la suite

Commentaires fermés sur Un premier brouillon pour HTML5

Et alors, ce Reset CSS, on l’utilise ?

Par Pierre Bertet

Eric Meyer a récemment publié une nouvelle version de son fameux Reset CSS. Il s’agit de quelques lignes de code CSS ayant pour but de remettre « à zéro » les styles par défaut appliqués par les navigateurs. Il va cibler les éléments un par un, plutôt que d’utiliser le sélecteur universel (non, rien à voir avec quelque puissance divine) pour diverses raisons : Il ne faut pas styler les intouchables : Boutons radio, Cases à cocher et leurs amis peuvent se montrer très capricieux… Certaines propriétés sont spécifiques à un élément. Quelle doit être la réaction d’un navigateur lorsqu’une propriété CSS […]

Articles plus anciens