public marks

PUBLIC MARKS from hobbes with tag css

April 2007

A Guide to CSS Support in Email: 2007 Edition - Campaign Monitor Blog

by 20 others (via)
It's been just over 12 months since I posted our original Guide to CSS Support in Email and quite a bit has changed since. Sadly, the most significant of these changes was in the wrong direction, with Microsoft's recent decision to use the Word rendering engine instead of Internet Explorer in Outlook 2007.

[Spip] css calculé

(via)
En fait, tu peux écrire un squelette macss.css.html, qui sera appelé page=macss.css. 9a change pas grand-chose, mais c'est plus confortable intellectuellement.

March 2007

La coquette se passe des class="spip" - romy.tetue.net

(via)
J’ai donc bricolé un filtre qui, passé sur chaque balise SPIP, supprime ou renomme les sélecteurs du code généré :

February 2007

Comment définir la taille du texte en ems (traduction) mai 2004 Weblog - Blog & Blues

by 3 others
OK, plongeons-nous dans les ems. Je vais vous montrer, en partant de zéro, comment dimensionner le texte d'un document en ems. Je présuppose cependant que nous aurons affaire à un navigateur configuré en taille de texte « medium ». La taille par défaut pour le texte « medium » dans tous les navigateurs modernes est de 16px. Notre premier pas est donc de réduire cette taille, pour tout le document, en fixant la taille de caractères du body à 62.5% ::

Hot Dates with CSS by Christian Montoya, christianmontoya.com

by 7 others (via)
Here are some demonstrations of ways to make blog dates look like small calendar pages.

FAQ xHTML/CSS - Comment cacher un titre (derrière un logo par exemple) ?

(via)
Le but étant, par exemple, d'afficher en mode graphique un logo ou une bannière, tout en fournissant un texte « en dur » dans le code HTML, texte qui sera visible lorsque le site est visité avec un navigateur non graphique. Il existe plusieurs méthodes, utilisant généralement une image de fond CSS ("background-image"). À noter que la règle "display: none" pose des problèmes aux lecteurs d'écran.

Accessibility and Usability improved Suckerfish Drop Down / Flyout- / DHTML-Menu - pfirsich-melba

by 2 others (via)
FatFish: accessible and more usable/user-friendly variant of the suckerfish-menue

Stu Nicholls | CSSplay | Mini tabbed pages

by 1 other (via)
A method of compressing short pieces of information into six mini tabbed pages. The information can be anything you like, as long as it fits into the drop down page size. You can, of course, increase any of the size parameters and make up your own background images to suit.

Mettre un titre en image et rester accessible août 2004 Weblog - Blog & Blues

by 1 other (via)
Comment gérer un titre en image, par exemple un logo de site placé dans un titre h1, tout en restant accessible ? Petit inventaire rapide des solutions classiques, avec ou sans CSS, proposition d'une nouvelle méthode CSS et [mise à jour 2004-08-21] limites inhérentes aux techniques CSS... [/mise à jour]

Perception de la structure d'une page Web par un handicapé visuel, tentative d'explication février 2005 Weblog - Blog & Blues

Je ne suis pas handicapé visuel. Du moins, pas encore tout à fait. Mais il se trouve qu'après avoir bénéficé très longtemps d'une excellente vision, je suis amené de plus en plus souvent à utiliser des outils de navigation orale, du type lecteur d'écran, sans pouvoir à ce moment m'appuyer sur une vision même partielle de mon écran.

Les liens d'évitement - Alsacréations

by 9 others
De plus en plus de sites implémentent des liens particuliers connus sous le nom de "liens d'évitement" ou "liens de navigation interne" comme "Aller au menu", "Aller au contenu", "Retour en haut de page"...

» CSS Case Study - fixed elements - Web Design - 3.7crea.tv Blog

One of the “special” effect abilities of CSS is the ability to have an element be “fixed” on the page (when you scroll, the element remains stationary) either through positioning or by fixing a background.

A List Apart: Articles: Prettier Accessible Forms

by 7 others
It can be time consuming to make web forms both pretty and accessible. In particular, laying out forms where the form label and input are horizontally adjacent, as in the image below, can be a real problem. We used to use tables, which worked well in this scenario—but forms don’t constitute tabular data, so it’s a semantic faux pas.

Max Design - Inline elements and padding

by 7 others
Have you ever tried to add padding to li elements that have been set to "display: inline"? Did you find that the padding seemed to be rendering in an unusual way?