1. Blaster
2. Chewbacca
3. Ewok
4. Father
5. Jabba laugh
6. Sabre off
7. Sabre on
8. Vader
9. Vador dark side
10. Yoda laugh

Et ce week-end pour moi c’est marathon :

• Le vendredi
• Le soir
• À un pic de fréquentation

Merci.

Ça y est, décembre est lancé. Et avec les premières neiges on a envie de rester au chaud et de lire des bons articles qui parlent du Web, n’est ce pas ?

4 calendriers avec des perles à découvrir chaque jour de décembre :

• 24ways remets ça pour la sixième année : des articles de haute qualité qu’on attends toute l’année. Ils contribuent à rendre l’hiver moins dur.
• HTML5 Advent : des démos HTML5 pour en avoir plein les yeux.
• Adfont Calendar : mateurs de typographie, sous chaque case se cache une police d’écriture proposée par FontDec.k
• Performance Calendar : et oui, même les performances Web ont leur calendrier.

Typographie, HTML5 et performances : les sujets chaud du Web de cette année sont là pour se tenir au chaud cet hiver jusqu’à Noël.

La mise à jour 1.5.10 de TextMate change les raccourcis pour aller à l’onglet précédent et suivant. À la place de ⌥⌘← et ⌥⌘→. Ils sont maintenant ⌘⇧⌥5 and ⌘⇧⌥° sur un clavier français.

La raison pour ce changement est que c’est la façon de changer d’onglet dans Safari. Je sais pas vous mais je préfère les raccourcis précédents et ceux de Firefox…

Changez les raccourcis en allant dans Préférences Système, Clavier, Raccourcis clavier, Raccourcis d’applications et ajoutez vos raccourcis. Choisissez l’application Textmate et entrez les titres de menu « Next File Tab » et « Previous File Tab ».

Et pour couronner le tout, désindenter un bloc de code avec ⌥⇧↦ ne fonctionne plus pour les claviers français à cause d’un bug. Pour le réparer avant d’attendre la prochaine mise à jour ajouter "~$\t" = "shiftLeft:"; dans /Applications/TextMate.app/Contents/Resources/KeyBindings.dict

Après cette mise à jour les développeurs de Textmate se sont « rendus compte que tout le monde n’utilisait pas un clavier US » et ont donc remis les raccourci précédents ainsi que réparé le second bug d’indentation. Sigh.

Pourquoi ne plus utiliser « www. » quand on donne un lien vers un site :

• on dit « va sur facebook.com » et pas « va sur www.facebook.com »
• www ne sert à rien techniquement
• www est difficile à dire
• on sait que c’est un site Web sans ajouter www
• l’adresse devient plus longue
• il faut en choisir un des deux et le garder pour des raisons de référencement et de performances Web
• on ne mets jamais de www devant les sous-domaines, qui sont pourtant aussi sur le World Wide Web (images.google.com, dev.sunfox.org, …)
• les sites qui s’internationalisent mettent souvent un pays à la place (fr.msn.com, fr.wikipedia.org, …)
• www n’existe que pour de vieilles raisons historiques

« Le World Wide Web est la seule chose que je connaisse pour laquelle la version plus courte est trois fois plus longue à dire que l’expression entière. » Douglas Adams

Quelques sites qui les retirent tout le temps :

• twitter.com
• cs5.org
• rapidshare.com
• thepiratebay.org
• pitchfork.com
• posterous.com
• digg.com
• github.com
• tinyurl.com
• no-www.org

Un site qui en mets deux :

• www.www.arson-news.com

Mon résumé de la conférence sur la puissance du texte sur le Web à Paris Web 2010 par Jean-Marc Hardy.

Le texte reste maître à bord

Même si une image vaut mille mots on la compte tout de même en mots

Le référencement passe forcément par du texte.

Le texte attire plus l’attention que les images. Le texte est la première chose vue par l’œil dans les premières millisecondes. Les publicités textuelles de Google Ads fonctionnent mieux que les images.

Le texte reste la meilleure façon d’inviter au clic. Changer un bouton Continue en Check availability donne +230% de conversion.

Quelques bonnes pratiques

• Pas de jargon, utiliser les mots des gens. Par exemple :
  « Low fares » 40 000 recherches
  « Cheap flights » 25 000 000 recherches.

• Ne pas utiliser des liens/boutons au libellé générique (cliquez-ici, continuer…)

• Les 11 premiers caractères d’un titre sont les plus lus, donc les plus importants

• Coller aux recherches ciblées qui intéressent plus les visiteurs et où il y a moins de concurrence.

• Utiliser le moteur de recherche interne du site pour trouver les mots clefs importants.

• Dans les titres utiliser un mot clef générique puis la marque, par exemple « Video Technology – Adobe ».

• Se focaliser sur les deux premiers mots des titres.

• Utiliser des chapôs, il sont très lus (30-50 mots maximum).

• Mettre des légendes sous les images.

• Utiliser les mots pour rassurer, comme Amazon qui utilise comme intitulé de lien « pourquoi cette opération est sans danger » plutôt que « conditions d’utilisation ».

• Garder une cohérence syntaxiques dans les menus, ne pas mélanger verbes et questions.

Revenu de Paris Web 2010 remonté à bloc je fais profiter mon agence des conférences auquel j’ai assisté.

Pour ça j’envoie des résumés des conférences les moins techniques par email à toute l’entreprise.

Faites-en autant car ça permet de :

• distiller les bonnes pratiques pour qu’elles rentrent petit à petit
• faire comprendre pourquoi certains choix techniques sont si importants (« on ne peut pas tout faire en Flash ? »)
• donner aux commerciaux les clefs — et les chiffres — pour justifier les choix techniques auprès des clients
• valoriser notre métier en montrant son étendue et sa complexité
• montrer la qualité de ces conférences et l’importance d’y être envoyé régulièrement

Et par dessus tout ça me sert de base pour faire quelques articles sur mon blog.

Mon résumé de la conférence Paris Web 2010 sur la Conception Universelle de Matt May, responsable accessibilité Adobe.

Parce qu’il y a beaucoup :

• de type d’écrans qui accèdent au Web (ordinateurs, ipads, ipods, téléphones simples, télévisions, …) et qu’il va y en avoir de nouveaux l’année prochaine
• de limites humaines permanentes (handicap), temporaires (plâtre) ou situationnelles (dans un train bruyant)
• de robots (moteurs de recherche, syndication, etc.)

On ne peut pas créer une version par support, une version par handicap.

Il faut donc tenter d’aller vers une conception universelle, terme un peu utopique, plus large qu’accessibilité (trop lié au handicap).

Créer One Web.

« Motion blur »

Pourquoi faut-il prendre du temps à optimiser une page web pour qu’elle se charge rapidement ? Quelques statistiques tirées de conférences Paris Web.

• Amazon : un délai de 100ms c’est -1% de ventes
• Yahoo! : un délai de 400ms c’est +5 à +9% d’abandon sur un site éditorial
• Google : un délai de 500ms c’est -20% de trafic
• Google : -25% de poids de page c’est +25% d’utilisateurs deux semaines plus tard
• Google UK : les clics sur les pubs doublent en passant de 3s à 0.5s de temps de chargement
• Shopzilla : 5-12% de chiffre d’affaire en plus en passant de 6s à 1.6s
• AOL : 2 à 3 fois plus de pages vues pour des pages optimisées
• Bing : un délai de 2s c’est -4% de revenu par utilisateur

Sources :

• Performances Web de Jean-Pierre Vincent à Paris Web 2010
• Performances Web Côté Client d’Eric Daspet et Nicole Sullivan à Paris Web 2008 (Yahoo!)
• Impact of web latency on conversion rates de Alistair Croll
• Marissa Mayer (Google)

Father and son by Rik24d

Facts:

• Paris Web are the best conferences on the subject.
• This year’s Paris Web 2010 was grand.
• Christian Heilmann from Yahoo! Mozilla should keep coming back every year.
• Redheads are hot.

Utilisateurs de Deezer vous pouvez enfin envoyer la musique que vous écoutez sur Last.fm. Si si. Carrément. Pincez-vous.

Pour ça il vous faut Firefox armé de GreaseMonkey et installer mon script. Allez sur Deezer, autorisez le script à scrobbler et c’est tout.

Bonne musique ! Voilà un album si vous ne savez pas avec quoi l’essayer. Ah et le code est par ici.

(Désolé utilisateurs de Chrome, l’implémentation de GreaseMonkey est trop pourrie, on peut même pas faire d’XMLHttpRequest.)

Voici les concerts que je veux voir à Rock en Seine 2010.

Je représente le temps grâce à la joie du monospace et des caractères exotiques grâce à Unicode. Et le tout avec l’aide de sphax3d.

Légende:

• Ⓖ : Grande scène
• Ⓒ : Cascade
• Ⓘ : Industrie
• • : Je regarde le concert au dessus, chaque point vaut 5 minutes
  avant le prochain qui m’intéresse

Vendredi

14          15          16          17          18          19          20          21          22          23
   15 30 45    15 30 45    15 30 45    15 30 45    15 30 45    15 30 45    15 30 45    15 30 45    15 30 45    15 30 45

            15:00 Ⓒ Minus the Bear
            •••••••••••••••••
                  15:30 Ⓖ All Time Low
                     15:45 Ⓘ Roken is Dodelijk
                             16:20 Ⓒ Band of Horses
                             ••••••
                                   16:55 Ⓖ Kele
                                   ••••••••••
                                     17:05 Ⓘ King of Conspiracy
                                             17:40 Ⓒ Foals
                                             ••••••••••••••••••
                                                      18:25 Ⓖ Skunk Anansie
                                                       18:30 Ⓘ Beast
                                                               19:15 Ⓒ The Kooks
                                                               •••••••••
                                                                        20:00 Ⓖ Cypress Hill
                                                                        ••••••••••••
                                                                            20:20 Ⓘ French Cowboy
                                                                                    21:00 Ⓒ Black Rebel Motorcycle Club
                                                                                    ••••••••••••••••
                                                                                                22:00 Ⓖ Blink 182
                                                                                                    22:20 Ⓘ Deadmau5
                                                                                                    •••••••••••
                                                                                                               23:15 Ⓒ Underworld
                                                                                                               ••••••••••••

Samedi

14          15          16          17          18          19          20          21          22          23
   15 30 45    15 30 45    15 30 45    15 30 45    15 30 45    15 30 45    15 30 45    15 30 45    15 30 45    15 30 45

            15:00 Ⓒ Chew Lips
            •••••••••••••••••••••••
                  15:30 Ⓖ K'Naan
                     15:45 Ⓘ Viva And The Diva
                            16:20 Ⓒ Plan B
                                   16:55 Ⓖ Stereophonics
                                   •••••••••
                                     17:05 Ⓘ Quadricolor
                                            17:40 Ⓒ Two Door Cinema Club
                                            ••••••••••••••••••
                                                    18:20 Ⓖ Paolo Nutini
                                                     18:25 Ⓘ Où Est Le Swimming Pool
                                                              19:10 Ⓒ Jónsi
                                                              ••••••••••
                                                                        20:00 Ⓖ Queens Of The Stone Age
                                                                        ••••••••••••••
                                                                          20:10 Ⓘ Naïve New Beaters
                                                                                      21:10 Ⓒ LCD Soundsystem
                                                                                      •••••••••••••
                                                                                                   22:15 Ⓖ Massive Attack
                                                                                                   •••••••••••••••
                                                                                                     22:20 Ⓘ Jello Biafra
                                                                                                                  23:30 Ⓒ 2 Many DJ's
                                                                                                                  ••••••••••••

Dimanche

14          15          16          17          18          19          20          21          22          23
   15 30 45    15 30 45    15 30 45    15 30 45    15 30 45    15 30 45    15 30 45    15 30 45    15 30 45    15 30 45

      14:30 Ⓒ Wallis Bird
            15:00 Ⓖ The Temper Trap
            •••••••••••••••••
                15:20 Ⓘ Success
                       15:55 Ⓒ The Black Angels
                             16:25 Ⓖ Eels
                             •••••••••••••••••••
                                16:40 Ⓘ I Am Un Chien !!
                                       17:15 Ⓒ Wayne Beckford
                                                18:00 Ⓖ Beirut
                                                ••••••••••
                                                18:00 Ⓘ Rox
                                                          18:50 Ⓒ Fat Freddy's Drop
                                                          ••••••••••••
                                                                      19:50 Ⓖ The Ting Tings
                                                                      •••••••••••
                                                                       19:55 Ⓘ Wave Machines
                                                                                 20:45 Ⓒ Roxy Music
                                                                                 ••••••••••••••••
                                                                                                22:00 Ⓖ Arcade Fire
                                                                                                •••
                                                                                                   22:15 Ⓘ Crystal Castles
                                                                                                   ••••••••••••

Qu’est ce qui cloche dans les URLs ?

1. L’ordre des parties est illogique. Je m’en plaignais déjà dans les commentaires, la plus haute autorité pour une adresse (le nom du site) est en plein milieu de l’adresse et l’ordre de lecture est différent pour le domaine et l’adresse.

   Il n’y a qu’à voir l’ordre de lecture d’une URL :

   	4	3	1	2	5	6
   https://	secure	.elysnet	.hsbc	.co.uk	/pay	/form	.html

2. https://foo:bar@[4242:baaa::4242]:4242/qux/corge.php?grault=garply&waldo=fred#thud est un exemple d’URI qu’un utilisateur est sensé savoir décortiquer.

3. Les suffixes de noms de domaines .org, .com, .net, .info, … ne veulent plus rien dire.

4. Les entreprises doivent acheter tous les noms de domaines de leurs marques pour chaque suffixe rien que pour ne pas se les faire piquer. C’est un jeu sans fin car on continue de créer de nouveaux suffixes.

5. Le nom de domaine principal attendu par tout le monde est le .com.

6. Les suffixes qu’il est possible d’acheter peuvent être décomposés comme .co.uk, pvt.k12.wy.us et la liste de suffixes publics est longue et doit être maintenue.

7. Les www ne servent à rien. Retirons-les.

8. Les // sont inutiles également, l’inventeur du Web s’en excuse.

Exemples de simplifications

En changeant les URLs telles qu’on les les connaît on pourrait avoir :

• http:google
http://www.google.com/
• https:google.mail
https://mail.google.com/
• http:flickr.static.farm5/4008/4307231011_ce7f628393.jpg
http://farm5.static.flickr.com/4008/4307231011_ce7f628393.jpg

Plus court, plus simple, respectant l’ordre de lecture, la plus haute autorité du lien serait le premier mot après http:.

Malheureusement le gain est trop petit pour changer une infrastructure et des habitudes aussi énormes. Dommage.