En jetant un coup d'oeuil dans mon reader pour préparer cette boîte a outil je réalise que informaticien.be, techcrunch, accessoweb, Tom's Guide, Naro, Le modérateur, Fredzone, tapahont,Goopilation, et la ferme du web vous ont déja parlé de Google +1.

Je vais donc m'abstenir de vous en parler ;o)

Voilà ça c'est fait

On vas donc parler, de droit, de polices de caractères et d'interfaces d’administration.

Les droits et les devoirs de l'éditeur de site web :

Au moment de lancer un site Internet, il est important de se poser des questions, sur les mentions légales, l'information des utilisateurs, l'utilisation qu'on veut faire des données. La commission nationale Informatique et libertés propose dans la rubrique guide de son site  un guide d'une dizaine de pages intitulé «Je monte un site Internet» qui présente les principaux cas de figure et propose des modèles de documents et de mentions. c'est très bien fait.

Une nouvelle loi pour les domaines en .fr :

Votée le 22 mars dernier la la Loi n° 2011-302modifie les modalités d’attribution des domaines en .fr, et rentrera en vigueur le 30 juin. pour savoir ce qui change, un article vient de paraitre chez domaineinfo.

Quelle police de caractères pour quel projet ?

Julian Hansen est un étudiant en design de Copenhague l'an dernier, il a créé une diagramme intitulé «So you need a typeface» (pourquoi avez vous besoin d'une police de caractère ?) qui par une série de questions vous guide vers les familles de caractère les plus adaptées à votre projet, c'est bizarre, rien ne guide vers le Comic sans ? ;o)

 

Des modèles d'interface d’administration pour vos sites :

wordle.net  est un site qui propose de générer un nuage de tags à partir d'un flux RSS voilà par exemple ce que donne le flux RSS des nouvelles de l'atelier aprés avoir été «Wordlizé» .

mais çà marche aussi avec des textes un exemple avec le texte du premier chapitre du dernier jour d'un condamné de Victor Hugo.

je pense que votre créativité débridée va aimer ;oD

http://www.wordle.net/

Comme beaucoup blogs s'adressant aux travailleurs du web, je propose réguliérement des logiciels dont le but est d'améliorer la productivité.

Je vais aujourd'hui m'éloigner un peu des logiciels de codage et de design pour vous parler de confort du poste de travail informatique, et vous présenter deux logiciels qui ne vous veulent que du bien. Ça n'a l'air de rien, mais travailler dans des conditions confortables favorise grandement la productivité

Si vous voulez tous savoir des maux qui vous gettent, l’Institut national de recherche et de sécurité propose une fiche sur son site internet.

pour sa part le Journal du net  rapelle 5 règles essentielles

• être bien installé devant un ordinateur,
• Avoir un espace de travail suffisamment vaste,
• Avoir un bon confort visuel,
• Ne pas travailler dans un lieu trop chaud ou trop froid,
• Ne pas travailler dans un lieu trop bruyant. 

Les deux logiciels du jour contribuent à améliorer (un peu) vos conditions de travail en jouant sur votre environnement visuel et sonore .

F-lux pour modifier la luminosité de votre écran en fonction de l'heure du jour.

F-lux est un logiciel (disponible pour Mac, Windows et linux) qui s'installe dans votre barre des taches. pour le configurer, on lui indique, le type de lumière naturelle du jour, le type de lumière artificielle (néon, alogène, etc.) et sa position géographique. en fonction de ces données, le logiciel adapte automatiquement la luminosité de votre écran pour limitéer la fatigue visuelle.
Télécharger Flux.

Atmosphère lite : des sons d'ambiance pour s'évader des bruits du quotidien.

Disponible sous windows uniquement, Atmosphère lite est un générateur d'ambiances sonores (il existe une version pas lite mais payante.). si vous souhaitez vous éloigner (par l'esprit) de votre bureau bruyant au centre ville, Atmosphère lite vous propose de choisir parmi plusieurs ambiance sonore qui vont des bord de l'océan au cœur de la foret pluviale. en passant par une journée d'été en Provence. c'est trés reposant pour l'esprit.
Télécharger Atmosphère Lite.

Le débat fait rage depuis quelques jours concernant firefox 4, sa nouvelle interface et ses extensions.

Je découvre ce matin un outil génial pour toute celles et ceux qui souhaitent faire des copies d'écran et les commenter. il s'agit Awesome Screenshot, Une extension pour firefox4 et chrome qui permet de copier tout ou partie d'une page web et d'y ajouter des commentaires des flèches des formes, de flouter des zones)

Prenons par exemple le dernier article d'un blogueur surnommé dans les milieux autorisé le roi de la flèche rouge et du Vittel menthe. Avec un outil de ce genre il va pouvoir en quelques clics nous faire de merveilleuses flèches sans sortir de son  navigateur.

Le monde de la pédagogie pour les geeks en sera définitivement bouleversé.

Awesome screenshot  pour firefox 4 est installable ici.

1. Script src.

Vous faites appel régulièrement à des librairies javascript (jquery Mootools etc.) et vous êtes infoutu de retrouver leur adresse dans la bibliothèque d'API de Google ? Scriptsrc vous permet de récupérer le code d'initialisation de la librairie en un clic.
http://scriptsrc.net/

2. Form Builder.

Si vous avez besoin de créer un simple formulaire de contact, mais vous n'avez pas envie de passer des heures a coder le messages d'information, et les scripts qui vont contrôler les données avant l'expedition ? Formbuilder est fait pour vous. vous choisissez les champ, le type de contrôles a appliquer à la validation, et Formbuilder vous assemble tout ça et vous le livre par E-mail sous forme d'un fichier ZIP
http://htmlform.com/form_builder/

3. Tableizer

Vous souhaitez utiliser un tableau ou une liste ( issue d' Excel, openofice ou libreoffice) dans une page web Tableizer vous crée le code d'un tableau html par  un simple copié collé
http://tableizer.journalistopia.com/tableizer.php

4. The Noun project

Si vous cherchez quelle image peut exprimer le mieux votre idée, The noun project est une bibliothèque de pictogrames à télécharger , ou a consulter pour alimenter votre créativité.
http://www.thenounproject.com/

5. Favigen.

Pour générer un favicon (la petite icône qui apparait à coté de l'adresse de la page dans votre navigateur)  , uplodez une image et récupérez l'icone et le code d'installation.
http://favigen.com/

6. Procssor.

Un compresseur pour embellir et optimiser vos feuilles de styles css.
http://procssor.com/

7. Html purifier.

Html Purifier est un outil en ligne (mais on peut aussi télécharger le script PHP pour l'installer en local sur http://htmlpurifier.org/)   qui permet de nettoyer son code html des balises obsolètes.
http://htmlpurifier.org/demo.php?post

8. 0 to255.

0to255.com est un outil qui à partir d'une couleurs RGB permet de décliner toute ses nuances de la plus claire à la plus sombre, un bon outil pour coordoner ses palettes de couleurs.
http://0to255.com

9. Html ipsum.

Un générateur de faux texte(au format html) pour vos maquettes de site.
http://html-ipsum.com/

10. Awesome-fontstacks.

Pour créer des packs de polices webfonts coordonnés, à utilises dans vos projet css3.
http://awesome-fontstacks.com

11. Browize.

Vous souhaitez connaitre le rendu de votre site sur un petit écran ? browize vous permet de redimensionner votre fenêtre en
1 clic.
http://browize.com/

12. Support details.

Pour tout connaitre de votre configuration (navigateur, écran, couleurs, système extension).
http://www.supportdetails.com/

13. Woorank.

Pour tout savoir sur un site (référencement, optimisation et validité du code, nom de domaine, nombre de page référencées, nombre de visiteurs,...).
http://www.woorank.com

14. Bounce.

Pour travailler à plusieurs sur les évolutions d'un site. Bounce fait une copie d’écran d'un site sur laquelle plusieurs intervenants vont pouvoir ajouter des remarques et commentaires
http://www.bounceapp.com

Un outil bien pratique présent dans les précédente version de firefox a disparu dans firefox 4  il s'agit de l’icône d'abonnement aux flux RSS présente de la barre d'adresse.

C'est bien domage, parce que j'utilise courament cette icone quand je veux m'abonner à un flusx RSS dans avoir à chercher le bouton d'abonnement sur toute la page.

ainsi la barre d'adresse de frirefox 4 se présente par défaut ainsi :

heureusement il existe un petit add-on pour Firefox 4 qui réactive cette fonctionnalité, il s'agit de  RSS Icon, qu'on peut trouver à cette adresse https://addons.mozilla.org/fr/firefox/addon/rss-icon/

une fois installé votre barre d'adresse ressemble à ça :

Ce qui facilite quand même bien l'abonnement aux flux rss

Je viens de lire un excellent article de Corina Ciripitca paru chez DesignModo. L'équipe de designmodo a eu la gentillesse de m'autoriser à en faire une adaptation en français, merci à eux.

15 astuces typographiques pour les créatifs web débutants.

D’après l'article original de Corina Ciripitca «5 Quick Web Typography Tips for Newbies»  :

Tout les détails sont importants quand on crée un site internet. Celui ci ne sera efficace que si tous les éléments qui le compose s’harmonisent entre eux. Les créatifs expérimentés savent que chaque détail (même les plus anodins) nécessitent une attention particulière. Parlons par exemple de la typographie. Tout le monde sait que l'on doit faire attention au choix des polices, et à leurs dimensions, c'est vrai, mais ce n'est pas tout.

Les webdesigners débutants doivent être conscient de l'importance de la typographie dans la conception, la typographie n'est pas qu'un des éléments graphiques de votre projet, c'est surtout l'outil qui permet de présenter au mieux le contenu d'un site à ses visiteurs. Si vous vous lancez dans la création web nous aimerions partager avec vous quelques conseils typographique rapide à lire avant de commencer votre projet.

1. Les polices :

Vous savez déjà que le choix d'une police de caractères est important. : Qu'importe le contenu du site, si la police utilisée est illisible. Prenez soin de choisir une police qui mette en valeur votre projet, mais aussi qui s'affiche clairement dans toutes les tailles et déclinaisons.

2. Taille de la police :

Il ne faut surtout pas que vos lecteurs se fatiguent quand ils lisent votre site ou votre blog. Le choix de la taille de police est très important. Trop grande, elle demandera au visiteur d’utiliser beaucoup les barres de défilement pour prendre connaissance de tout le texte. Trop petite, elle transformera le lecture de votre site en un test ophtalmologique.

3. Laissez le choix aux utilisateurs d'ajuster la taille des polices

Chaque utilisateur est différent en créant votre design de site vous gardez en tête qu'il doit être ergonomique, utilisez des tailles de polices de caractères relatives, de tel manière que les lecteurs puisses en adapter la taille pour faciliter leur lecture.

4. N'en faites pas trop :

Bien sur vous voulez que votre site soit unique, mais il n'est pas nécessaire de trop jouer avec les polices pour ça, choisissez un nombre de polices limité. (a moins que votre site ne soit un catalogue de police bien sur ;o) ). La diversité est un atout pour les créatif, SAUF quand il s'agit du nombre de polices utilisés dans une même page.

5. Utiliser la bonne couleur :

Choisissez bien la couleur de votre police, elle doit être très contrasté avec son fond afin d'être lisible.

6. Utilisez les bons tirets

On utilise généralement trois sorte de tiret en typographie. On y prette rrement attention mais pourtant ils ont chacun leur rôle/

• Le « tiret cadratin » (dont le code HTML est — ou — )
• il sert généralement en début de phrase (pour introduire un dialogue par exemple) .
• Le tiret « demi-cadratin » (dont le code HTML est – ou –)
• il sert pour les listes, les plages (en 1-2 mois) ou des expressions relationnelles comme (La frontière Mexique – États-Unis) .
• Le trait d'union (-)(dont le code HTML est - ) sert pour sa part pour les mots composés.

Vous me direz que ces règles ne sont pas vitales pour votre projet, ce qui m’empêche que ne pas les respecter est un erreur...

7. Les guillemets (») ne sont pas des flèches direction :

On utilise généralement guillemets pour mettre un texte «entre guillemets» n'est pas rare cependant que certains les utilises pour indique une direction, c'est souvent le cas en bas des article qui propose par exemple de : Lire la suite» » . Il pourrait être très intéressant de renoncer à cette pratique

8. les points de suspension ne sont pas trois points séparés :

Les point de suspension (…) indiquent une coupure (ou une reprise) dans un texte afin de les représente on utilise souvent 3 pont séparés. Mais il existe un caractère typographique pour ça (dont le code html est … ou … )

9. Équilibrez vos contenus :

Il faut bien structure sa page , en simplifiant la structure, vous pouvez attirer l'oeuil du visiteur plus facilement sur le contenu que vous jugez important. Utiliser des grilles de conception (ici par exemple ) peut vous aider à optimiser votre structure de site.

10. Aérez votre texte

Il n'y a rien de plus terrifiant pour le visiteur qu'une page pleine de texte il renonce souvent à la lire et passe à autre chose. Laissez "respirer" votre texte, , gardez des espaces blanc sur votre site web. Laissez un espace pour les marges de tous les côtés du texte et entre les lignes.

11. Choisissez la bonne taille

Rappelez vous que votre texte est structuré, avec des titres, des sous-titres et des paragraphe, ces considération sont à prendre en compte dans votre design, la hiérarchie des information doit se retrouver dans les tailles de polices de vos titres sous titre et textes.

12. Alignez votre texte çà gauche

Idéalement (pour le web) votre texte. serait aligné à gauche et non justifié. En effet, si vous forcez la justification d'un texte, il peut devenir difficile à lire si il y a beaucoup d'espaces entre les mots.

13 (je passe sur le point 13 ) :

 Il parle le guillemets simple ou double et s’adresse plus a nos amis anglophones que vous pourrez approfondir dans l'article original http://designmodo.com/15-quick-web-typography-tips-for-newbies/

14. Une seule police par phrase :

J'en ai parlé précédemment, moins il y a de polices, plus le texte est lisible.Alors, rappelons ce point, il est très important, SAUF si vous voulez vraiment mettre l'accent sur quelque chose et souligner l'importance de c

15. Pensez à l'interlignage

Cela signifie qu'il faut un espace entre les lignes d'un texte. Celui ci dépend de la taille de votre police et il important, car il rend le texte plus lisible. En règle générale, l'interlignage doit être d'environ 140% la taille de la police . Expérimentez et avec l'expérience, vous trouverez ce qui est le meilleur choix pour votre site web.

Source de l'image

Dans le précédent article, nous avons pu observer qu'une page web etait constituée de 2 grandes parties : le head et le body.

Nous allons a présent (continuer notre descente aux enfers) découvrir le concept de balises html

La notion de balise

Observant le corps de la page (ce qui ce situe en et ) on s’aperçoit que le texte qu'on affiche est positionné entre les deux.

8. Ceci est une page web !
9. Elle présente des balises qui modifient l'aspect du texte :
10. avec du texte en gras,
11. du texte en italique,
12. du texte souligné,
13. et même un texte barré !

affichons la page dans le navigateur, vous devriez obtenir quelque chose ressemblant à çà, si c'est le cas : bravo !

Vous connaissez maintenant vos 4 premières balises :

• pour mettre un texte en gras (bold)
• pour mettre un texte en italique (italic)
• pour souligner un texte (underline)
• pour barrer un texte (strike)

Cependant, votre extrême perspicacité vous aura fait remarquer que les textes s'affichent à la suite, alors que nous aurions sans doute préféré les voir s'afficher sur des lignes différente. Vous allez être exaucés dans la suite de cet article ...

Des balises pour organiser les textes

Regardons un peu le contenu (hautement informatif) de notre page


« Ceci est une page web ! » est le titre
Elle présente des balises qui modifient l'aspect du texte : est un paragraphe qui précise ce titre
avec du texte en gras,
du texte en italique,
du texte souligné,
et même un texte barré ! Est une liste de ce qu'on peut trouver dans la page

Nous allons donc modifier notre page. De la manière suivante

8. 
   

   Ceci est une page web !

9. Elle présente des balises qui modifient l'aspect du texte :

12. avec du texte en gras,
14. du texte en italique,
16. du texte souligné,
18. et même un texte barré !
19. </ul>

et à l'affichage nous devrions obtenir ceci :

La balise

est une balise de titre (header) de niveau 1, les balises header servent à hiérarchiser le contenu de votre document le nombre qui suit le H peur prendre une valeur de 1 à 6, (1 étant la plus grande taille)

Balise H1

Balise H2

Balise H1

Balise H1

Balise H1

Balise H1

La balise

défini un paragraphe

Ensuite nous avons affiché no
tre liste sous forme d'une liste à puce (unsorted list)

une liste a puce est définie entre les balises

et a l’intérieur de ces balises, chaque élément de la liste est entouré par des ballise

supposons un instant que vous souhaitiez que votre liste soit numérotée, il vous suffit de remplacer la balise

par une balise

(ordoned list), et vous obtenez ceci :

Ajouter un lien

Il est quand même très sympa de faire des liens sur internet (j'aurais même tendance à dire que c'est le seul intérêt...)

il existe une balise faite (surtout) pour ça : la balise

et nous allons tout de suite ajouter un lien sur notre page, ce qui va nous permettre de parler des attributs , en effet la balise possède un attributs « href »qui permet d'indiquer ce sur quoi on fait un lien.

Par exemple pour faire un lien sur ce blog on insérera la balise suivante

1. http://lesnouvellesdelatelier.blogspot.com/"> lien vers les nouvelles de l'atelier

Pour envoyer un mail on fera :

1. mailto:monadresse@monfai.com"> envoyez moi un message

Ajouter une image

Il y a quelques paragraphes, je t'ai dit que les balises allaient généralement par deux...

Sauf...
(ben oui il y a un sauf, sinon se serait trop simple)

Sauf quand elle se suffisent à elle même, par exemple la balise , qui sert a insérer une image, n'a pas de balise fermante.

Par contre elle a (au minimum) deux attributs :

l’attribut « src » : qui prend comme valeur le nom de l'image à afficher.

Et l’attribut « Alt » qui a pour valeur une description de l'image

Ainsi si on veut ajouter une (magnifique) photo d'abeille a notre page on ajoutera le code suivant

1. Et pour finir une image :

2. 
   
3. abeille.jpg" alt="Une abeille au jardin"/>

Ainsi notre page ressemble présent à ceci :

Comme tu peux le voir la balise image n'a pas de balise « fermante », par contre elle se fini par />

Je pense que ton œil de lynx aura aussi remarqué une nouvelle balise : la balise
> il s'agit d'un saut de ligne elle se différencie d'un paragraphe par le fait qu'elle ne laisse pas d'espace entre les deux ligne qu'elle sépare.

Bon, j'ai une super nouvelle pour toi : C'est bientôt la récré

mais on va d'abord faire un récapitulatif de ce qu'on a dit, et discuter de ce qu'on fera demain...

Récapitulatif :

• Les pages internet sont ecrite en HTML, c'est un langage de définition de page qui s'articule autour de balises.
• Une pages HTML est constitué de deux parties : le Head et le body
• La plus part des balises vont par paire : une ouvrante et une fermante
• Les balises qui n'ont pas de balise fermantes se finissent par />
• je ne l'ai pas dit avant mais les textes des balises s'écrivent en minuscules (du moins en XHTML qui est la norme qu'on a utilisé dans cet article.

Et après ?

Ben oui et après ?

• Après, il faut quand même que je vous avoue qu'on a pas traité toutes les balises xhtml (loin s'en faut)
• tu trouvera la liste des balise sur le site de la w3scool
• tu ira aussi jeter un coup d'oeuil sur ce chouette article du site du zero ) qui regroupe les balises xhtml les plus couramment utilisées

Enfin comme vous avez pu le remarquer, tout cela n'est pas super trancendant au niveau de la mise en forme, alors dans le prochain article on parlera (un peu) de style histoire de voir comment améliorer (un peu) le rendu.

source de la photo

introduction

Il était une fois,une lointaine époque (au moins 10 ans) ou pour être présent sur le web il fallait d'être une espèce de geek fou furieux bouffeur de code. Un jour un gentil chevalier blanc vint améliorer la situation en proposant des systèmes de publications comme les CMS et les blog, qui permirent à tout le monde de publier sur le web sans avoir à programmer une ligne de code.
Le royaume du web entre alors dans un période de  joie et d'allégresse.
Hélas, un jour de grand malheur un malheureux utilisateur de système de publication doit faire un tour au cœur du code html, soit parce qu'il souhaite installer un widget proposé par un développeur geek (un de ceux qui sont fous furieux ) soit par ce que dans une bouffée délirante il c'est dit : « est-ce-que se serait pas super sympa d'aller voir comment marche ce machin ? ».

Le but de cette série d'articles n'est pas de transformer mes amis lecteurs en « une horde de geeks fous furieux bouffeurs de code »(c'est assez difficile à vivre au quotidien je le confesse) mais de démystifier (un peu) les codes cabalistiques cachés derrière les pages affichées par votre navigateur.

Bien sur je m'efforcerai de rajouter des liens à chacun de ces articles pour ceux qui souhaiteraient aller plus loin dans leur découverte.

Enfin, pour clore cette introduction je vous répéterai quelques conseils de bon sens qui m'ont été donnés par un vieux Maître de Chinatown avant qu'il me confie la réalisation de ma première page web

• Il ne faut jamais mouiller la page web,
• ne pas l'exposer à la lumière vive,
• et SURTOUT ne pas la nourrir après minuit...

Sinon je ne répond de rien !

Pratiquement on va essayer d'agir avec un minimum de méthode en découpant cette présentation en plusieurs parties: pour la rendre moins indigeste

une introduction (ça c'est fait) :
1/ anatomie d'une page web
2/ découverte des balises html
3/ la mise en forme avec des notions de styles
4/ Les balises génériques
5/ créer une deuxième page et les suivantes.

1/Anatomie d'une page web.

Commençons cette série par une (très) bonne nouvelle : Le langage HTML (qui sert a écrire les pages web) n'est pas un langage de programmation, mais de balisage, les balise étant le nom donnée aux portions de code qui servent à positionner (et a mettre en forme) le texte dans une page.

Non ne partez pas en hurlant ...
On voir ça avec un exemple en créant notre première page.

Créer (et afficher) sa première page web !

Pour cela nous avons besoin :
d'un éditeur de texte ( pour écrire le contenu des pages je ne saurais que trop vous conseiller l’excellent Notepad ++)
D'un navigateur internet (pour visualiser le résultat de notre travail, je ne saurais que trop vous conseiller Firefox )

vous êtes prêts ?
C'est parti !

Ouvrez votre éditeur de texte, et tapez le texte suivant :

1. Ceci est une page web !

Enregistrez votre fichier , donnez lui le nom : page1.htm
Ouvrez le fichier dans votre navigateur , vous devriez voir ceci :

Bravo vous avez créé votre première page web !

Vous êtes rassurés ?
Alors passons à la suite

Structure de la page : le head et le body

Jusqu'à présent votre page n'a rien de très folichon, nous allons donc lui donner un peu de corps (et de tête).

En fait jusqu'ici nous avons un peu triché, une page web et constituée généralement d'un peu plus de que de trois mots. Elle devrait plutôt ressembler à çà :

8. Ceci est une page web !

Retenez vous de hurler s'il vous plaît et ouvrez grands les yeux. Il y a deux grandes parties dans votre page :

la tête (head) qui est délimité par les balises et
et le corps (body) qui est délimité par les balises et

Comme vous pouvez le voir notre texte se trouve en tre les balise et

A quoi servent le Head et le Body?

Entre et on met toutes les informations qui ne seront pas visible sur l’écran du navigateur (mais qui sont fort utile).
Entre et ce qu'on voudra que les visiteurs de la page voient

bref une page web parfaite est comme une femme parfaite : une tête mystérieuse et un corps intéressant...

Et comme le développeur web est un macho comme un autre nous allons dans un premier temps nous intéresser à son corps (de la page bien sur).

On s'y met dans le prochain article

Allez je cède à la tentation ge la geekerie (mais j'ai honte) qui consiste à publier sur son blog une infos que tous les blog geek auront publié dans 24 heures  mais si jamais du fond de votre abri anti atomique vous n'avez accès qu'a ce blog vous serez ravi d'apprendre que  :

Pierre Chappaz difuse sur son blog une étude médiamétrie sur l'utilisation des réseau sociaux et portails web en janvier dernier, le trio de tête est composé de :

• Facebook
• Overblog
• et Blogger

à noter au passage, que si les français ot passé en moyenne 5 heures sur Facebook en janvier, il n'ont passé que 12 minutes sur overblog et 7 chez blogger... ça pose quand même le niveau de facebook en terme de fréquentation

Juste pour le plaisir en janvier les visiteurs de ce site y on en moyenne passé 2 minutes...


Et la j'ai vraiment honte de publier celle là :
Firefox 4 est sorti ! je l'utilise depuis ce matin, et il est plutôt sympa, même si les nouveaux onglets me troublent un peu.
on peu le téclecharger :

•  pour Windows
•  pour Mac OS X
• et pour Linux

Il y a un très bon article à lire chez PC Impact