Britoweb

Le Web à la sauce standard

lundi 16 août 2010

Impression d'une page Web en CSS grâce au média print

Il n'est pas nécessaire de générer une version imprimable en HTML pour offrir à l'utilisateur la possibilité d'imprimer la page Web qu'il est en train de consulter, grâce au média print de CSS.

L'article Maîtriser l'impression CSS, publié sur Openweb (qui n'est pas un site mort ;) ), fournit les détails permettant de maîtriser ce média CSS, tout en insistant sur l'état d'implémentation par les navigateurs des propriétés CSS spécifiques à ce média, ainsi que sur certains écueils (couleurs, configuration du navigateur…).

jeudi 8 juillet 2010

Démonstration des effets des différentes valeurs de la propriété CSS display

Un peu perdu entre les différentes valeurs possibles de la propriété CSS display ? Le site Sickdesigner met à votre disposition une démonstration très claire à ce sujet, intitulée Understanding the display property demo.

samedi 24 avril 2010

Le WOFF, un nouveau standard proposé pour les polices de caractères

Opera, la Fondation Mozilla et Microsoft, en tant que membres du W3C, ont soumis à ce dernier une proposition de spécification d'un format standard pour les polices de caractères utilisées sur le Web : le WOFF. Pour en savoir plus, on pourra consulter la demande formulée par ces trois membres, le texte de la spécification WOFF 1.0 proposée et un billet du blog de MSDN sur le WOFF, qui résume la genèse de ce nouveau format.

À l'heure où la règle @font-face revient en grâce avec CSS 3, et dans un contexte où les navigateurs implémentant actuellement cette règle ne reconnaissent pas forcément les mêmes formats de police (à commencer par Internet Explorer, qui n'applique @font-face que si la police appelée par cette règle est au format EOT, un format propre à ce navigateur que Microsoft a échoué à faire standardiser par le W3C), sans oublier les problèmes de droits sur bon nombre de polices de caractères exotiques, une telle proposition de format standard ne peut que nous réjouir. Espérons que le W3C adoubera vite le WOFF comme standard du Web et que les navigateurs l'implémenteront dans la foulée. En tout cas, le W3C en est ravi. :)

vendredi 5 février 2010

N'oublions pas les sélecteurs CSS 2.1

Tel est le message que souhaite faire passer le site 456 Berea Street dans un billet publié hier et intitulé Forgotten CSS selectors.

Lire la suite

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

- page 1 de 2

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