INTRW

Lisible

Benoît LAURENT — 2010-09-07T09:43:41Z

Le contenu d'un site web est parfois gâché par des couleurs qui pique les yeux, une police inadaptée ou des images clignotantes... j'utilise depuis quelque temps déjà un formidable script.

Readability

Ce script est donc Readability, écrit en javascript. Readability parcourt le contenu de la page et ne conserve que l'essentiel, bye bye les barres de menu, les commentaires et autres contenus annexes. Le script n'est pas magique et selon l'organisation du html il peut parfois tout supprimer ... Readability est appelé comme un bookmarklet.

La page du projet chez les concepteurs : Readability project page

Différentes options sont possibles sur la page du Bookmarklet : Readability Bookmarklet - An Arc90 Lab Experiment

Un script python

C'est récemment en suivant les nouveautés sorties sur le CheeseShop que j'ai remarqué que des gentils développeurs ont porté le script en python :
srid's readability at master - GitHub
Nirmal J. Patel - Hacker News RSS (le script original)

Non seulement c'est très pratique, mais ça peut être une bonne base pour créer un script personnel de nettoyage de code HTML.


Lisible

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...

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

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

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

Langage pour et langage de

Benoît LAURENT — 2009-07-02T07:56:47Z

PHP sort en version 5.3 [1] et python en version 3.1 [2], mais je vois pas le rapport.

« PHP langage pour mauvais programmeurs ? C'est plutôt le contraire ! Python est un langage pour mauvais programmeur. Un vrai. Python est un langage qui arrive à faire faire des pizzas à un spécialiste des spaghettis. PHP c'est l'inverse.

La vérité est que si PHP n'est généralement pas aimé des devs c'est qu'il n'est pas bandant. Perl est amusant ; les LISP sont géniaux et excitants ; Python inspire le respect ; Ruby étonne... PHP, lui, ne fait rien, c'est un bidule sans âme.

PHP partage avec Perl une origine qui ne préfigurait rien de son avenir et une histoire faite d'ajouts successifs aussi inattendus qu'inégaux. Mais il y a une différence de taille. Perl fut pensé par un bordélique pour être bordélique, d'un bordel bien fun. PHP devin bordélique par accident, ou plutôt par inconscience.

Et ça se sent ! Le bordel de Perl c'est le bordel mi-chic mi-kitsch qui fait de l'oeil aux dandys. Le bordel de PHP c'est juste le bordel d'une chambre d'informaticien boutonneux qui a oublié d'apprendre à passer l'aspirateur et le plumeau.

Python méprise PHP, il est bien trop sale pour Monsieur Propre ; Perl se rit de PHP, un langage plus jeune que lui qui a fait les même conneries que lui sans prendre son génie ; LISP ne sait pas que PHP existe, il a bien trop à faire avec ses frères, ses cousins, ses petits-fils, ainsi qu'avec tous ces opportunistes qui viennent lui piquer telle et telle idée après s'être moqués de ses jolies parenthèses ; C radote dans son coin et continue de répéter pendant trois heures ce que LISP a déjà dit il y a 10 ans en deux minutes, autant que PHP lui passe à côté de ses pompes ; Ruby rigole avec PHP, il rigole avec tout le monde, Ruby est so coooool ; Java a trop de papiers à remplir ; et .NET se dit que s'il pouvait foutre PHP dans son bazar ça ameuterait une sacré bande de gaillards, ah ? c'est déjà fait ? Ne parlons pas d'Objective-C qui a d'autres tigres à fouetter. »
Posté par Camille_B le 01/07/2009 à 23:35 sur linuxfr (lien)

[1] PHP : News Archive - 2009

[2] Python 3.1 Release

Mercurial

Benoît LAURENT — 2009-06-08T20:12:52Z

Mercurial est un Système de Gestion de Versions. Il entre dans le trio de tête des SCM (Software configuration management) les plus utilisés avec Subversion(svn) et git.

hg

Il fait partie des systèmes de gestion décentralisée, voir la fiche complète sur Wikipédia - Mercurial.

La documentation officielle

Le wiki de Selenic.com - Mercurial
Le livre, Mercurial : The Definitive Guide

Un site un peu plus sexy est en préparation Mercurial SCM

La documentation française

La catégorie CategoryFrench sur le wiki officiel
Un cookbook en français sur Mercurial - Adrien Herubel
Quelques rappels pour les développeurs Mozilla, mais c'est valable pour tout le monde ! Les bases de Mercurial - MDC
Introduction à Mercurial - developpez.com
Howto Mercurial : Petit guide de survie de la gestion de version

Sur les blogs francophones :
Tag - Mercurial - ka.da
Introduction à Mercurial - developpez.com

Autres documentations

Hg Init : a Mercurial tutorial by Joel Spolsky Magnifiquement illustré.

hébergement

bitbucket.org offre un hébergement de dépôt Mercurial associé à un wiki et un système de gestion de bug. (à la trac)

Une liste d'hébergements est disponible sur le wiki officiel : MercurialHosting - Mercurial


logo mercurial

Trucs et astuces

Récupérer une partie d'un dépôt

Lorsque l'on regroupe dans un dépôt beaucoup de petits scripts, il arrive parfois que l'un de ceux-ci grandisse et devienne un projet à part entière. Il lui faut alors son propre dépôt. Mais comment garder l'historique ?

C'est en fait l'extension convert qui permet cela, grâce à ses possibilités de filtrage et de la conversion depuis un dépôt mercurial en plus des autres principaux SCM.

La documentation :
ConvertExtension - Mercurial
Appendix A. Migrating to Mercurial

Voir les modifications de façon graphique

hg diff monfichier c'est bien mais parfois voir ces modifications dans un outil graphique comme KDiff3, WinMerge, etc. c'est mieux.

C'est possible avec l'extension extdiff incluse par défaut dans Mercurial. Il faut bien sûr l'activer dans le fichier de configuration Mercurial (.hgrc ou Mercurial.ini)

Voir la documentation complète dans le hgbook, « Chapter 14. Adding functionality with extensions, Flexible diff support with the extdiff extension »

Annuler les modifications faites localement à un fichier

On peut être tenté de faire hg update ., mais si un fichier a été modifié, il n'est pas touché.
hg update -C . ? Ne le faites pas ! En fait ( lisez bien la doc hg update ) hg update fonctionne sur le dépôt entier et donc écraserai toutes les modifications en cours alors qu'on ne veut écraser que celle d'un fichier ou du répertoire courant ...

La solution est en fait hg revert . La doc : hg revert

Plus de liens :
Ned Batchelder : Bare-bones basic Mercurial for Subversion users
Quick, easy-to-understand tips for using Mercurial / hg tip
Tag - Mercurial - ka.da

Cheat Sheets

Benoît LAURENT — 2009-05-27T07:01:15Z

Cheat sheet - Wikipedia, the free encyclopedia ou Antisèche - Wikipédia une fois sorti de l'école se sont surtout de bons aides mémoires ou Quick reference !

Général

Un grand nombre de documents sont proposés par le site PacketLife.net ; plus d'une vingtaine de fiches y sont proposées, couvrant les sujets suivant : Protocols, Applications, Reference, Syntax, Technologies, Miscellaneous
Cheat Sheets - PacketLife.net

Par thème

Python

Python Quick Reference - Richard Gruet
PQRC - Python Quick Reference Card

Linux, ligne de commande

FOSSwire » Unix/Linux Command Cheat Sheet
Linux-Unix Cheat Sheets - The Ultimate Collection
Unix Toolbox

Un recueil de liens :
FredgniX » Archives du Blog » Feuilles de triches
FredgniX » Archives du Blog » Feuilles de triches II
Quick Reference Cards
Des mémentos à la pelle !
Cheatsheets

Coloration syntaxique pour SPIP

Benoît LAURENT — 2009-03-18T13:40:30Z

Définition

La coloration syntaxique est le fait de mettre en valeur la syntaxe d'un texte (souvent du code source) en utilisant des couleurs différentes pour les différents types de mots (mots clefs, variable, commentaires, etc.)

Sources :
Coloration syntaxique
colorisation syntaxique ou colorisation syntaxique

La coloration syntaxique est principalement une fonction des éditeurs de texte (et IDE) pour développeur mais il est aussi utile de coloriser des exemples de code pour de la documentation et des présentations.

Général

Pour obtenir des exemples de code source colorisés pour nos sites web, il y a trois manières principales de procéder.

Le travail peut soit être fait :
côté serveur avec par exemple geshi.org
côté client avec par exemple SyntaxHighlighter - Alex Gorbatchev (sur code.google.com)
ou par vous même en générant du html qui est ensuite inclue directement dans le document principal . (par exemple avec pygments)
Il ne faut pas oublier nos éditeurs de texte et IDE qui permettent souvent d'exporter sous différentes forme le code colorisé. (Possible avec Scite et je suis sûr beaucoup d'autres)


Le logo de Pygment

SPIP

Revenons à SPIP, de gentils contributeurs ont créé des plugins pour avoir la coloration dans les articles SPIP.

D'abord, le plugin Coloration Code basé sur geshi :
La fiche officielle sur plugins.spip.net
Plus d'explications sur spip-contrib.net Il a l'avantage d'avoir un mode SPIP

Maintenant un plugin qui utilise la bibliothèque javascript SyntaxHighlighter :
Plugin SPIP pour SyntaxHighlighter

pygmentize

Notes sur l'utilisation de pygments.

Usage de la ligne de commande pygments :
Générer la feuille de style ...

pygmentize -f html -S colorful -a .syntax

Générer le code html ...

pygmentize -o test.html test.py

Note : Generate HTML syntax-highlighted listings for any file using pygments « ActiveState Code

Sémantique

Et pour que tout cela ai du sens :
Mettez du code dans vos pages web

Pourquoi et comment le monde devient numérique ?

Benoît LAURENT — 2009-01-23T13:51:34Z

En 2007, le Collège de France accueillait Gérard Berry pour sa Chaire d'innovation technologique.

La série de conférences ayant pour sujet « Pourquoi et comment le monde devient numérique ? » a traité des sujets aussi variés que l'algorithmique, les langages de programmation, les systèmes embarqués, les systèmes “prouvé”, etc.

Tout ceci reste disponible en ligne :
Cours Séminaires - Chaire d'Innovation technologique - Liliane Bettencourt - 2007 - Gérard Berry - Collège de France

Accès direct aux médias :
Vidéos
Audios
et aux présentations

INTRW

Lisible

Readability

Un script python

matplotlib

La bibliothèque

La documentation

Un exemple

pycon

EuroPython

pycon us

pycon fr

Dans les autres pays

United Kingdom

Italie

Brésil

Mais encore ?

Conférence Django

Des polices de caractères

Indroduction

Technique CSS

Ressources

Design

Manuscrite

Coder

générale

Open Font Library

fantaisie

Vecteurs graphiques

Format de fichiers

Icones

Illustrations

Cartes

Général et vrac

...

Langage pour et langage de

Mercurial

hg

La documentation officielle

La documentation française

Autres documentations

hébergement

Trucs et astuces

Récupérer une partie d'un dépôt

Voir les modifications de façon graphique

Annuler les modifications faites localement à un fichier

Cheat Sheets

Général

Par thème

Python

Linux, ligne de commande

Coloration syntaxique pour SPIP

Définition

Général

SPIP

pygmentize

Sémantique

Pourquoi et comment le monde devient numérique ?