INTRW

L'Amérique de 1940 en couleur

Benoît LAURENT — 2010-08-15T06:15:00Z

Ces images, propriété de la Bibliothèque du Congrès, sont issues du travail des photographes de la Farm Security Administration et de l'Office of War Information. Elles font partie des rares témoignages en couleur sur les populations de l'Amérique rurales et petites villes entre 1939 et 1943.

Source : Captured : America in Color from 1939-1943 – Plog Photo Blog

Les photos ont aussi été remarquées par d'autres, plus info : photo couleurs USA année 40

Couleurs

Benoît LAURENT — 2010-06-14T20:03:46Z

Qualité de la lumière que renvoie un objet et qui permet à l'œil de le distinguer des autres objets, indépendamment de sa nature et de sa forme (cnrtl.fr)

Wikipédia

L'article Couleur
le portail Portail:Couleurs


Refraction

Ressources générales

De nombreuses ressources sont disponibles sur le web. Pourpre.com est un site découvert il y a bien longtemps que je souhaite mettre en avant :
pourpre.com - les mondes de la couleur, les couleurs du monde pourpre.com propose un cours La couleur expliquée, un dictionnaire des noms de couleurs chroma et bien d'autres choses encore.

Une autre ressource, orienté calibration et profil de couleur :
Comprendre la couleur et maîtriser les profils ICC

Et enfin en anglais :
Color Theory Tutorial by Worqx
Color Theory Quick Reference Poster


Poivrons rouges

Couleur et web


Roue des couleurs

Créer une palette de couleur en partant de zéro est très difficile, heureusement le web regorge d'outils pour faciliter cette tâche.

Des applications comme les deux suivantes permettent d'associer automatiquement à partir d'une première couleur des couleurs complémentaires, ternaires ou encore analogues.
Color Scheme Designer 3
kuler (Adobe flash)

En plus simple, cette roue des couleurs vous propose directement des couleurs adaptées au web.
4096 Color Wheel Version 2.1

En bonus, un site très ancien (à l'échelle d'Internet ...) que j'ai utilisé pour mes premiers design :
VisiBone Webmaster's Color Lab


Feuille verte

Enfin si vous n'avez vraiment pas d'idée ou de gout pour ça, il vous reste ce site où une communauté propose des idées de palettes :
Browse Palettes :: COLOURlovers

Accessibilité

Avoir de jolies couleurs c'est bien, mais le site doit rester lisible, le site checkmycolours.com propose de vérifier ça pour vous ! Sources A List Apart : Articles : Contrast is King via Webdesign — Après le contenu, le contraste est roi !

Modules python

Des modules python à tester ... !

python-colormath
grapefruit
webcolors
colorname


Gouache bleue

Graphisme inclus en provenance de Wikimedia Commons :
File:Moses Harris04a.jpg - Wikimedia Commons
File:Refraction of daylight through a prism.jpg - Wikimedia Commons
File:Gouache-bleue-blue.jpg - Wikimedia Commons
File:Poivron rouge.JPG - Wikimedia Commons
File:2009 03 29Colocasia esculenta467.jpg - Wikimedia Commons

500 photographes

Benoît LAURENT — 2010-04-22T14:45:04Z

« 500 photographers » est un projet du photographe Pieter Wisse, il propose en 100 semaines de nous faire découvrir 500 photographes du monde entier.

Quel que soit leur style, le but est de présenter des travaux de qualité, représentatifs du XXIe siècle.


500 photographers: par Pieter Wisse

À la vue des premiers photographes présentés, dont Denis Darzacq connu pour sa série « La chute ». cela promet d'être intéressant :

Ce projet a démarré le 5 avril 2010

matplotlib

Benoît LAURENT — 2010-03-14T20:08:11Z

La bibliothèque

Matplotlib est une bibliothèque de tracé deux dimensions pour python. D'une très grande richesse, elle propose en autres :
tous les types classiques de tracé : courbes, histogrammes, diagrammes à barres, nuages de points, etc.
un mode à la Matlab® avec pylab (utilisé dans l'exemple ci-dessous)
une intégration facile avec des applications web et six bibliothèques d'interface graphique (Qt, gtk, etc.)
export des figures en de nombreux formats, dont le SVG.

La documentation

La documentation de Matplotlib est excellente, surtout grâce à la galerie d'exemples illustrés : Matplotlib — Thumbnail gallery

Autres sources d'exemples et d'astuces :
Cookbook/Matplotlib -
Plotting data using Matplotlib : Part 2

Un exemple

Comme exemple, je vous propose de tracer les courbes de croissance standards de l'OMS disponible au lien suivant : WHO

Sans être une référence, il y a surement mille façons de faire cela, ce script concentre de nombreuses astuces glanées au fil du temps, comme :
sélection des couleurs dans un color map
lecture directe des fichiers CSV
axes partagés
min max des axes imposés
masquage des repères d'axe
etc.

# -*- coding:utf-8 -*-
"""
Drawing Standard Child Grow curve with Matplotlib
More info : http://intrw.net/log/spip.php?article149
"""
import pylab
def getColor(name, n):
# Usage name is one of the cm (colormaps) names
# cl = getColor('jet', 4)
# then call cl(i) with i between 1 and n
# A list of cm is available here:
# http://matplotlib.sourceforge.net/
# examples/pylab_examples/show_colormaps.html
import matplotlib.cm as cm
return cm.get_cmap(name, lut=n+2)
# Define text box appearance
percent_box = dict(boxstyle="round",
ec='none',
fc='w',
alpha=0.5)
#
# Load data
#
# Load boys data
boys_bfa = pylab.csv2rec('bfa_boys_p_exp.txt', delimiter='\t')
boys_lhfa = pylab.csv2rec('lhfa_boys_p_exp.txt', delimiter='\t')
boys_wfa = pylab.csv2rec('wfa_boys_p_exp.txt', delimiter='\t')
# Load girls data
girls_bfa = pylab.csv2rec('bfa_girls_p_exp.txt', delimiter='\t')
girls_lhfa = pylab.csv2rec('lhfa_girls_p_exp.txt', delimiter='\t')
girls_wfa = pylab.csv2rec('wfa_girls_p_exp.txt', delimiter='\t')
f = pylab.figure()
#
# Boys
#
# Get boys color list
cl = getColor('PuBu', 3)
# Plot body mass index boy data
ax1 = pylab.subplot(321)
ax1.grid(True)
pylab.fill_between(boys_bfa.day, boys_bfa.p3, 0, color= cl(1), alpha=0.5)
pylab.plot(boys_bfa.day, boys_bfa.p3, color= cl(1))
pylab.plot(boys_bfa.day, boys_bfa.p15, color= cl(2))
pylab.plot(boys_bfa.day, boys_bfa.p50, color= cl(3))
pylab.plot(boys_bfa.day, boys_bfa.p85, color= cl(2))
pylab.plot(boys_bfa.day, boys_bfa.p97, color= cl(1))
pylab.fill_between(boys_bfa.day, boys_bfa.p97,
max(max(boys_bfa.p97), max(boys_bfa.p97))*1.2,
color= cl(1), alpha=0.5)
# Add percentage for BMI boy data
pylab.text(max(boys_bfa.day)-10, boys_bfa.p3[-1:], "3%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(boys_bfa.day)-10, boys_bfa.p15[-1:], "15%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(boys_bfa.day)-10, boys_bfa.p50[-1:], "50%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(boys_bfa.day)-10, boys_bfa.p85[-1:], "85%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(boys_bfa.day)-10, boys_bfa.p97[-1:], "97%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.xlim(0, max(boys_bfa.day))
pylab.ylim(min(min(girls_bfa.p3), min(boys_bfa.p3))*0.8,
max(max(boys_bfa.p97), max(boys_bfa.p97))*1.2)
pylab.title(u"Boys")
#~ pylab.xlabel(u"Days")
pylab.ylabel(u"BMI (kg/m²)")
# Plot lenght heigh boy data
ax3 = pylab.subplot(323)
ax3.grid(True)
pylab.fill_between(boys_lhfa.day, boys_lhfa.p3, 0, color= cl(1), alpha=0.5)
pylab.plot(boys_lhfa.day, boys_lhfa.p3, color= cl(1))
pylab.plot(boys_lhfa.day, boys_lhfa.p15, color= cl(2))
pylab.plot(boys_lhfa.day, boys_lhfa.p50, color= cl(3))
pylab.plot(boys_lhfa.day, boys_lhfa.p85, color= cl(2))
pylab.plot(boys_lhfa.day, boys_lhfa.p97, color= cl(1))
pylab.fill_between(boys_lhfa.day, boys_lhfa.p97,
max(max(girls_lhfa.p97), max(boys_lhfa.p97))*1.2,
color= cl(1), alpha=0.5)
# Add percentage for lenght / height boy data
pylab.text(max(boys_lhfa.day)-10, boys_lhfa.p3[-1:], "3%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(boys_lhfa.day)-10, boys_lhfa.p15[-1:], "15%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(boys_lhfa.day)-10, boys_lhfa.p50[-1:], "50%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(boys_lhfa.day)-10, boys_lhfa.p85[-1:], "85%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(boys_lhfa.day)-10, boys_lhfa.p97[-1:], "97%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.xlim(0, max(boys_lhfa.day))
pylab.ylim(min(min(girls_lhfa.p3), min(boys_lhfa.p3))*0.8,
max(max(girls_lhfa.p97), max(boys_lhfa.p97))*1.2)
#~ pylab.xlabel(u"Days")
pylab.ylabel(u"Height (cm)")
# Plot weight boy data
ax5 = pylab.subplot(325)
ax5.grid(True)
pylab.fill_between(boys_wfa.day, boys_wfa.p3, 0, color= cl(1), alpha=0.5)
pylab.plot(boys_wfa.day, boys_wfa.p3, color= cl(1))
pylab.plot(boys_wfa.day, boys_wfa.p15, color= cl(2))
pylab.plot(boys_wfa.day, boys_wfa.p50, color= cl(3))
pylab.plot(boys_wfa.day, boys_wfa.p85, color= cl(2))
pylab.plot(boys_wfa.day, boys_wfa.p97, color= cl(1))
pylab.fill_between(boys_wfa.day, boys_wfa.p97,
max(max(girls_wfa.p97), max(girls_wfa.p97))*1.2,
color= cl(1), alpha=0.5)
# Add percentage for weight boy data
pylab.text(max(boys_wfa.day)-10, boys_wfa.p3[-1:], "3%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(boys_wfa.day)-10, boys_wfa.p15[-1:], "15%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(boys_wfa.day)-10, boys_wfa.p50[-1:], "50%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(boys_wfa.day)-10, boys_wfa.p85[-1:], "85%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(boys_wfa.day)-10, boys_wfa.p97[-1:], "97%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.xlim(0, max(boys_wfa.day))
pylab.ylim(min(min(girls_wfa.p3), min(boys_wfa.p3))*0.8,
max(max(girls_wfa.p97), max(girls_wfa.p97))*1.2)
pylab.xlabel(u"Days")
pylab.ylabel(u"Weight (kg)")
#
# Girls
#
# Get a girly color list
cl = getColor('PuRd', 3)
# Plot body mass index girl data
ax2 = pylab.subplot(322)
ax2.grid(True)
pylab.fill_between(girls_bfa.day, girls_bfa.p3, 0, color= cl(1), alpha=0.5)
pylab.plot(girls_bfa.day, girls_bfa.p3, color= cl(1))
pylab.plot(girls_bfa.day, girls_bfa.p15, color= cl(2))
pylab.plot(girls_bfa.day, girls_bfa.p50, color= cl(3))
pylab.plot(girls_bfa.day, girls_bfa.p85, color= cl(2))
pylab.plot(girls_bfa.day, girls_bfa.p97, color= cl(1))
pylab.fill_between(girls_bfa.day, girls_bfa.p97,
max(max(girls_bfa.p97), max(boys_bfa.p97))*1.2,
color= cl(1), alpha=0.5)
# Add percentage for BMI girl data
pylab.text(max(girls_bfa.day)-10, girls_bfa.p3[-1:], "3%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(girls_bfa.day)-10, girls_bfa.p15[-1:], "15%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(girls_bfa.day)-10, girls_bfa.p50[-1:], "50%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(girls_bfa.day)-10, girls_bfa.p85[-1:], "85%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(girls_bfa.day)-10, girls_bfa.p97[-1:], "97%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.xlim(0, max(girls_bfa.day))
pylab.ylim(min(min(girls_bfa.p3), min(boys_bfa.p3))*0.8,
max(max(girls_bfa.p97), max(boys_bfa.p97))*1.2)
pylab.title(u"Girls")
# No label
#~ pylab.xlabel(u"Days")
#~ pylab.ylabel(u"Body mass index (kg/m²)")
# Plot lenght heigh girl data
ax4 = pylab.subplot(324)
ax4.grid(True)
pylab.fill_between(girls_lhfa.day, girls_lhfa.p3, 0, color= cl(1), alpha=0.5)
pylab.plot(girls_lhfa.day, girls_lhfa.p3, color= cl(1))
pylab.plot(girls_lhfa.day, girls_lhfa.p15, color= cl(2))
pylab.plot(girls_lhfa.day, girls_lhfa.p50, color= cl(3))
pylab.plot(girls_lhfa.day, girls_lhfa.p85, color= cl(2))
pylab.plot(girls_lhfa.day, girls_lhfa.p97, color= cl(1))
pylab.fill_between(girls_lhfa.day, girls_lhfa.p97,
max(max(girls_lhfa.p97), max(boys_lhfa.p97))*1.2,
color= cl(1), alpha=0.5)
# Add percentage for lenght / height girl data
pylab.text(max(girls_lhfa.day)-10, girls_lhfa.p3[-1:], "3%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(girls_lhfa.day)-10, girls_lhfa.p15[-1:], "15%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(girls_lhfa.day)-10, girls_lhfa.p50[-1:], "50%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(girls_lhfa.day)-10, girls_lhfa.p85[-1:], "85%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(girls_lhfa.day)-10, girls_lhfa.p97[-1:], "97%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.xlim(0, max(girls_lhfa.day))
pylab.ylim(min(min(girls_lhfa.p3), min(boys_lhfa.p3))*0.8,
max(max(girls_lhfa.p97), max(boys_lhfa.p97))*1.2)
# No label
#~ pylab.xlabel(u"Days")
#~ pylab.ylabel(u"Length/height (cm)")
# Plot weight girl data
ax6 = pylab.subplot(326)
ax6.grid(True)
pylab.fill_between(girls_wfa.day, girls_wfa.p3, 0, color= cl(1), alpha=0.5)
pylab.plot(girls_wfa.day, girls_wfa.p3, color= cl(1))
pylab.plot(girls_wfa.day, girls_wfa.p15, color= cl(2))
pylab.plot(girls_wfa.day, girls_wfa.p50, color= cl(3))
pylab.plot(girls_wfa.day, girls_wfa.p85, color= cl(2))
pylab.plot(girls_wfa.day, girls_wfa.p97, color= cl(1))
pylab.fill_between(girls_wfa.day, girls_wfa.p97,
max(max(girls_wfa.p97), max(boys_wfa.p97))*1.2,
color= cl(1), alpha=0.5)
# Add percentage for weight girl data
pylab.text(max(girls_wfa.day)-10, girls_wfa.p3[-1:], "3%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(girls_wfa.day)-10, girls_wfa.p15[-1:], "15%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(girls_wfa.day)-10, girls_wfa.p50[-1:], "50%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(girls_wfa.day)-10, girls_wfa.p85[-1:], "85%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.text(max(girls_wfa.day)-10, girls_wfa.p97[-1:], "97%", size=10,
ha="right", va="center",
bbox = percent_box)
pylab.xlim(0, max(girls_wfa.day))
pylab.ylim(min(min(girls_wfa.p3), min(boys_wfa.p3))*0.8,
max(max(girls_wfa.p97), max(boys_wfa.p97))*1.2)
pylab.xlabel(u"Days")
# No label
#~ pylab.ylabel(u"Weight (kg)")
pylab.subplots_adjust(hspace=0.001, wspace=0.001)
#
# Personalise graph
#
# Main title
pylab.figtext(0.5, 0.960, 'Standard Grow Curves',
ha='center', color='black', weight='bold', size='large')
# Hide non wished tick labels
xticklabels = (ax1.get_xticklabels() + ax2.get_xticklabels()
+ ax3.get_xticklabels() + ax4.get_xticklabels())
pylab.setp(xticklabels, visible=False)
yticklabels = (ax2.get_yticklabels()
+ ax4.get_yticklabels()
+ ax6.get_yticklabels())
pylab.setp(yticklabels, visible=False)
#
# Finally display graph
#
pylab.show()

Télécharger

Les liens directs vers les fichiers utilisés dans le script :
lhfa boys [txt 104kb] : http://www.who.int/entity/childgrow...
lhfa girls [txt 104kb] : http://www.who.int/entity/childgrow...
wfa boys [txt 97kb] : http://www.who.int/entity/childgrow...
wfa girls [txt 97kb] : http://www.who.int/entity/childgrow...
bfa boys [txt 101kb] : http://www.who.int/entity/childgrow...
bfa girls [txt 101kb] : http://www.who.int/entity/childgrow...

Papillonner

Benoît LAURENT — 2010-03-10T22:03:34Z

Le mot papillonner illustré par une photo et ses définitions.

PAPILLONNER, verbe intrans.
A. -1. Palpiter, s'agiter rapidement comme des ailes de papillon. Synon. battre, papilloter.
2. Aller d'une personne à une autre, d'un objet à un autre, sans s'arrêter, et sans nécessité. Synon. folâtrer, virevolter.
En partic. Faire une cour badine à une ou à plusieurs femmes, se montrer volage. Synon. badiner, folâtrer.

Source : Définition de PAPILLONNER sur cnrtl.fr

pycon

Benoît LAURENT — 2010-01-25T20:48:49Z

Les pycon ou PYthon CONference sont des conférences annuelles organisées par la communauté python et sponsorisées par les entreprises utilisatrices de python ayant pour thème le langage lui-même et surtout son écosystème.

Les « pycon » sont donc des conférences annuelles organisées par les utilisateurs du langage Python pour échanger autour de celui-ci. Traditionnellement elles se tiennent deux années de suite au même endroit.

Sans attendre les points d'entrée officiels :
PyCon Home at python.org
PyCon - PythonInfo Wiki

EuroPython

La plus ancienne, la première ayant eu lieux en 2002, elle s'est tenu dans les villes européennes suivantes : Charleroi (Belgique), Göteborg (Sweden), CERN (Suisse), Vilnius (Lithuania), Birmingham (UK).
EuroPython : a Python Conference
Première en 2002 en Belgique
À propos d'EuroPython
Les ressources se trouvent au droit de chaque conférence, par exemple : Europython 2006

pycon us

La conférence US s'est tenu dans les villes suivantes Chicago (Illinois) Addison (Texas), Washington (District of Columbia)
Première en 2003
Édition 2009 à Chicago : les ressources : Talks - PyCon 2009 - Chicago
Toutes les ressources PyCon Conference

pycon fr

Organisé depuis 2007 par l'afpy (Association Francophone Python)
http://pycon.fr/
Annonce de la première journée python francophone

Les ressources, supports et vidéos :
de l'édition 2008
de l'édition 2009
la vidéothèque de PyConFR 2009

Dans les autres pays

United Kingdom

PyCon UK 2008 : the UK Python Conference
Ressources en ligne Slides - PyConUK

Italie

Le site PyCon Italia Tre(en,it)
Les vidéos des conférences sont disponibles ; une partie des conférences est en anglais. 2008 ; 2007

Brésil

PyConBrasil(po-br)
Site en portugais, je n'ai pas trouvé de ressources

Mais encore ?

Conferences and Workshops
Python Presentations Ressources des présentations données par GvR dont de nombreuse lors des pycon.
SlideShare

Conférence Django

Rencontres Django — Marseille, 24 et 25 avril 2010
Bilan personnel sur djangocong, dans conférences, django, python sur BioloGeek, l'avis d'un freelance passionné par le web et son évolution.

How to Give a Python Talk

Archives départementales

Benoît LAURENT — 2009-12-22T14:39:00Z

La consultation des archives départementales est le point d'entrée pour commencer des recherches généalogiques. C'est même certainement une source indispensable même s'il y en a d'autres.

Si faire des kilomètres pour se déplacer en salle de lecture était la seule solution il y a encore quelque année, au fur et à mesure les archives sont numérisées et mises à disposition. Bien sûr pour des raisons de respect de la vie privée, seuls les actes de plus de 100 ans sont consultables en ligne.

Archive départementale

Mise à disposition récemment, les archives de Paris et de l'Essonne. C'est cette information lue dans Direct Matin Plus N°580 du 15 décembre 2009 [1] qui m'a donné envie d'en savoir plus.
Archives de Paris - Paris.fr
Informations Actualités Essonne : Conseil général de l'Essonne - CG91 : Archives en ligne

On trouve sur internet la liste des adresses des archives numérisées. ce qui évite de rechercher à chaque fois : Par exemple, celle-ci est bien faite et mise à jour : Carte de France des archives départementales numérisées

Ressource nationale

Patrimoine numérique, dossier - Numérisation et généalogie
Culture.fr : le portail de la Culture

[1] Le fichier pdf de cette édition est accessible depuis la page Direct Matin Plus : Téléchargez les éditions en PDF ; article page 6

Source de la photo d'illustration : Salle lecture BIUM - Wikimedia Commons

Des polices de caractères

Benoît LAURENT — 2009-11-13T15:45:30Z

Le web est principalement un média textuel, mais textuel ne veux pas dire austères. Un choix éclairé des polices de caractères utilisées sur un site peu avoir une grande influence sur le rendu général et l'originalité de celui-ci.

Indroduction

« Une police de caractères, en typographie, est un ensemble de glyphes, c'est-à-dire de représentations visuelles de caractères d'une même famille, qui regroupe tous les corps et graisses d'une même famille, dont le style est coordonné, afin de former un alphabet, ou la représentation de l'ensemble des caractères d'un langage, complet et cohérent. » Police d'écriture - Wikipédia

La traduction anglaise est Typeface ; le mot font (fonte) très souvent utilisé correspond à un corps (taille), graisse (light, bold, ...) précis de cette famille. C'est-à-dire qu'une police de caractère est composée d'une ou plusieurs fontes.

Technique CSS

Les navigateurs modernes proposent le support des polices personnalisées grâce au @font-face de CSS3. (Référence, le brouillon du W3C : CSS Fonts Module Level 3)

Si les articles sont nombreux sur le sujet, la plupart ne parlent que de @font-face sans aborder les bonnes pratiques comme le choix des familles de polices et la gestion des tailles. Ces pratiques sont d'autant plus importantes qu'elles définissent l'apparence du site sur les navigateurs ne supportant pas CSS3.

Voici trois ressources qui regroupent, je crois, l'essentiel :
Quelles polices de caractères (fontes) utiliser sur le Web ? - Alsacréations
CSS - Les polices : quelle famille choisir ? - Éducation, société et technologie
CSS - Les polices : quelle taille choisir ? - Éducation, société et technologie Les deux dernières sont anciennes (2004) mais restent pertinentes.

Un autre bon point de départ pour la technique @font-face est Font Squirrel qui propose des kits font + css.

Ressources

Des ressources pour l'instant en vrac ...

Design

Red Hat Magazine
Gentium — a typeface for the nations
40+ Excellent Freefonts For Professional Design
50 High-Quality Free Fonts for Professional Design

Manuscrite

Amandine.ttf ( http://www.philing.net/ )
alamain1.ttf
CRAYONL.TTF
Cursive standard.ttf

fantaisie

Lab fonts @ typOasis
Typographie Les articles sur la typographie de Geoffrey Dorne recensent beaucoup de typo libre.

Free fonts : original designs ! (Nombreux liens morts.)

POMPAGE - De la vraie typographie pour le Web

BONOM

Benoît LAURENT — 2009-10-17T14:34:15Z

Bonom ? En paraphrasant, traduisant l'auteur : « Bonom, une expérience de bande dessinée minimaliste, sans paroles, en Noir & Blanc, pas de fond, et presque pas d'histoire ; uniquement des variations sur un personnage, Bonom, perdue dans l'espace et le temps des cases de la planche. »

Contenu repris ici en conformité avec la licence du site www.bonom.lu : Creative Commons — Paternité-Pas d'Utilisation Commerciale-Pas de Modification 2.0 Générique

Vecteurs graphiques

Benoît LAURENT — 2009-09-30T20:07:17Z

Je ne vais pas vous faire l'affront de vous rappeler la différence entre les Images vectorielles et les autres. Le but ici est de regrouper un ensemble de ressources d'images vectorielles utilisables pour des présentations, site Web, etc.

L'organisation de la liste sera revue à chaque ajout. Par type de licence, de format de fichier, de type d'image ? Difficile de choisir un classement !

Format de fichiers

svg :
pdf :
ai :
eps :

Icones

Tango Icon Library - Tango Desktop Project
Crystal SVG - Wikimedia Commons
Free Vector Cliparts
Icones SVG "à la" Visio (c) (tm) - Libre - Jean Cartier's Blog
Sixpack status - free icon pack
Meliae SVG Icon Theme v. 1.2 by sora-meliae on deviantART
pictoico 100 icones noires et blanches dans un style épurés.

Illustrations

Free Vector Art
Galerie svg - yeKblog

Cartes

Atlas - Xpeditions @ nationalgeographic.com

Général et vrac

Open Clip Art Library Drawing Together

Free Vector Art & Graphics :: Recent Vectors :: Page 1

The Inkscape Community - InkscapeStuff.org

Search SVG into Content GNOME-Look.org

...

Ressources webdesigner : icônes - Communication et Stratégie Internet - Mickael Gros, Blog
à explorer