Guide des “fonts stacks”

0 commentaires

Par Seb

Smashing Magazine fait un petit tour d’horizon des fonts stacks en CSS, plus connues en CSS sous la propriété font-family. Même si on a tous fait un peu le tour de la question, l’article propose un certain nombre de fonts stacks prêtes à l’usage, et groupées par section (titres, corps) qui pourront en inspirer plus d’un.

De nombreuses autres ressources sont listées, dont des sites permettant de connaître les polices génériques sur les différents systèmes (Windows, Mac, Linux), des outils de comparaison, des articles ou encore des exemples de sites selon les polices utilisées.

CSS Font stacks are one of those things that elude a lot of designers. Many stick to the basic stacks Dreamweaver auto-recommends or go even more basic by just specifying a single web-safe font.

But doing either of those things means you’re missing out on some great typography options. Font stacks can make it possible to show at least some of your visitors your site’s typography exactly the way you intend without showing everyone else a default font. Read on for more information on using and creating effective font stacks with CSS.

A lire en anglais sur : http://www.smashingmagazine.com/2009/09/22/complete-guide-to-css-font-stacks/

jQuery : construire son propre diaporama infini

4 commentaires

Par Seb

Il existe de nombreuses librairies permettant de mettre en place un diaporama sur Internet, mais pour diverses raisons il est parfois nécessaire de mettre en place son propre système. Nous allons voir ici comment concevoir et mettre en place un diaporama à défilement infini.

Le but ici est de vous donner une base de départ qui pourra être étendue et adaptée à vos besoins.

Ça vous plaît ? On continue »

La balise colgroup

0 commentaires

Par Seb

Je suis tombé aujourd’hui sur cet article, qui fait un petit rafraichissement de mémoire sur les tableaux HTML. Après être longtemps tombés dans la disgrâce la plus complète, ils font leur petit retour, tout en restant cantonnés (et c’est leur but initial) à l’affichage de données tabulaires.

Outre le rappel de l’organisation interne d’un tableau (thead et tfoot avant tbody, par exemple), l’article effectue une rapide introduction à une balise qui m’était complètement inconnue, la balise colgroup et, par conséquent, sa balise enfant col.

Ça vous plaît ? On continue »

Un sitemap full-CSS

0 commentaires

Par Seb

Sur son blog, Astuteo propose un moyen simple de réaliser un plan de site (sitemap) graphique, ergonomique et – ce qui ne gâche rien – totalement accessible :

Un sitemap graphique et accessible avec Slickmap

Un sitemap graphique et accessible avec Slickmap

Quand on sait combien il est laborieux de mettre en page un sitemap, qui plus est de le rendre visuellement agréable, cette mise en forme vous fera gagner un temps précieux.

Pour consulter la démo et télécharger la CSS correspondante : http://astuteo.com/slickmap/

Sur ThemeForest