Britoweb

Le Web à la sauce standard

mardi 3 mars 2009

Du pixel aux unités relatives ou de l'art de dompter les grilles fluides

Puisque le pixel n'est pas une unité recommandée pour créer des feuilles de styles soucieuses de permettre l'agrandissement du texte, on doit se contenter des unités relatives restantes, comme l'em ou le pourcentage. Mais, il reste le problème de reproduire fidèlement une maquette réalisée sous Photoshop (ou tout autre logiciel de graphisme), où tout est figé en pixels.

Heureusement, il existe des astuces permettant d'obtenir un design fluide et j'ai déjà eu l'occasion d'en rapporter dans un précédent billet. A List Apart vient de publier un article qui présente une astuce qui va plus loin que le traitement de la taille du texte.

Lire la suite

jeudi 26 février 2009

Agrandissement de texte : le pixel n'est toujours pas conseillé

Pour des raisons liées à l'accessibilité, la taille de police utilisée pour le texte contenu dans une page Web doit être exprimée dans une unité relative, surtout quand l'affichage du texte en question est destiné à un écran (que ce soit un écran d'ordinateur ou un écran de n'importe quel support mobile pouvant tenir dans une seule main) : en effet, une unité relative permet l'agrandissement du texte pour un meilleur confort de lecture.

La spécification CSS 2.1 du W3C inclut, parmi les unités relatives, le pixel. Toutefois, il n'est toujours pas conseillé d'utiliser le pixel pour définir une taille de texte.

En effet, comme le rapporte le site 456 Berea Street, Internet Explorer 8 refuse encore d'agrandir un texte dont la taille est fixée en pixels, pas même dans son mode de rendu « super » standard.

Par conséquent, les pourcentages, cadratins et autres hauteurs d'x continueront toujours d'avoir l'exclusive préférence.

dimanche 11 janvier 2009

CSS 2 - Pratique du design Web de Raphaël Goetter, troisième édition : note de lecture

Les éditions Eyrolles viennent de publier la troisième édition de CSS 2 - Pratique du design Web, de Raphaël Goetter.

Lire la suite

mardi 6 janvier 2009

Feuilles de styles, médias CSS et navigateurs mobiles : une astuce pour garantir compatibilité et confort d'utilisation

Que l'on déplore ou non, le Web sur les mobiles est de moins en moins négligeable, d'autant moins qu'il peut compter sur le succès, entre autres, de l'iPhone. Or, consulter un site Web depuis un mobile peut devenir un casse-tête quand le site consulté utilise des feuilles de style inadaptées aux mobiles ou que le navigateur mobile utilisé implémente mal les différents médias CSS ou n'en reconnaît pas certains.

Lire la suite

lundi 23 juin 2008

Connaissez-vous les JSSS ?

En lisant un entretien accordé par Daniel Glazman à Openweb sur les CSS, je suis tombé sur le sigle suivant : JSSS.

Lire la suite

mercredi 16 avril 2008

Taille des polices : une raison de ne pas se caler au pixel près ?

Pour d'évidentes raisons d'accessibilité, l'utilisation de tailles fixes pour les polices est à éviter. Qui plus est, même s'il est rangé parmi les tailles relatives, le pixel n'est pas recommandable, parce qu'Internet Explorer refuse d'agrandir les polices dont la taille est exprimée en pixels (sauf à cocher « Ignorer les tailles de polices spécifiées sur les pages Web » dans les options d'accessibilité, ce qui oblige à recourir au zoom, qui, en attendant la version 8, ne vaut pas celui d'Opera). Et ce n'est pas tout au chapitre du casse-tête de la compatibilité des tailles de polices entre les navigateurs ; bref, de quoi vous donner envie d'étrangler le directeur général ou de massacrer votre designer ;-) .

Lire la suite

vendredi 11 avril 2008

Les CSS et les commentaires conditionnels, ou l'art d'user de ces derniers avec une certaine modération

Le site Les intégristes a récemment publié un billet intitulé Cibler Internet Explorer dans une CSS ? Oui, et sans hack.

Lire la suite

mercredi 9 avril 2008

Les CSS mises à nu

Où est donc passé l'habillage du site ? Le site se serait-il mis à poil ?

En quelque sorte, oui. Aujourd'hui, c'est la troisième édition du CSS Naked Day.

Lire la suite

lundi 24 mars 2008

CSS, PNG : ne pas rester prisonnier d'Internet Explorer 6

La spécification CSS 2.1 offre des possibilités d'appliquer un style à un document Web si riches (et je ne parle pas de ce que nous réserve CSS 3…) qu'elle paraît trop en avance pour les navigateurs « mauvais élèves », comme Internet Explorer 6. Même si ce dernier est encore, hélas ! répandu, ce n'est pas une raison de ne pas utiliser toute la puissance des CSS.

Lire la suite

Revenir en haut de la page - Site hébergé par Nuxit - Propulsé par DotClear