Sunfox

Le journal de Sunny Ripert


Journal

Derniers articles de mon blog

Planning de concerts en ASCII pour Rock en Seine

Il y a 2 semaines, 1 jour à midi.

__________               __
\______   \ ____   ____ |  | __   ____   ____
 |       _//  _ \_/ ___\|  |/ / _/ __ \ /    \
 |    |   (  <_> )  \___|    <  \  ___/|   |  \
 |____|_  /\____/ \___  >__|_ \  \___  >___|  /
        \/            \/     \/      \/     \/
  _________      .__
 /   _____/ ____ |__| ____   ____
 \_____  \_/ __ \|  |/    \_/ __ \
 /        \  ___/|  |   |  \  ___/
/_______  /\___  >__|___|  /\___  >
        \/     \/        \/     \/ 

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

Renverser les URLs

Il y a 2 mois, 1 semaine de bonne matinée, 17 commentaires.

Les utilisateurs ne comprennent rien aux URLs. On ne peut pas les blâmer car c’est compliqué d’en décoder une. Pourtant elles sont la meilleure façon de se protéger du phishing.

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

Quelques caractères Unicode

Il y a 2 mois, 2 semaines de bonne matinée, 2 commentaires.

☀ ☼ ☽ ☾ ☂ ☔ ☁ ☃ ☄ ☎ ☏ ✉ ⌨ ✍ ✌ ☯ ☺ ☻ ☹ ☠ ☢ ☣ ✆ ✇ ♨ ✎ ✏ ✐ ✂ ✄ ✈ ♻ ♜ ♞ ♝ ♛ ♚ ♟ ♖ ♘ ♗ ♕ ♔ ♙ ☬ ☭ ❤ ❥ ❀ ➳ ☜ ☝ ☞ ☟ ★ ✪ ✰ ♬ ♀ ♂ ⚤ ⚣ ⚢ ⚥ ⚦ ⚧

Utiliser font-face pour des images ?

Il y a 2 mois, 2 semaines le soir, 3 commentaires.

Depuis que @font-face est utilisable partout, on a envie de pousser les limites de son utilisation. Utiliser des générateurs automatiques, créée des police d’écritures qui ne transforment que le caractère &, etc.

Dans l’article ever- thought about using font face for icons? ils expliquent comment faire une page où toutes les images seraient contenues dans un fichier de police. En appliquant chaque icône à une lettre, on a des images dans la police d’écriture

Représentation de l'association de lettres de A-Z et a-z à des icônes

Cela donne des images :

  • qui s’agrandissent sans perte de qualité ;
  • très faciles à colorer, agrandir, souligner en CSS ;
  • rapides à charger car cela ne fait qu’une requête HTTP pour tout le paquet d’icônes.

Mais cette technique souffre de serieux points faibles. En plus d’être plus difficile à maintenir, il faut choisir entre un HTML qui n’a aucun sens comme <span class="phone-icon">a</span> ou une feuille de style CSS imbitable qui ne fonctionne pas sous IE :

.phone-number:before {
  content: 'a';
  font-family: "Mes Icônes"
}

La solution serait de ne remplacer que les quelques caractères Unicode qui représentent déjà des icônes. Ainsi on garde du sens à l’HTML et on peut profiter de la cascade des polices d’écriture disponibles.

<li> +33-666-42-42-50</li>

Le Sunfox

Il y a 2 mois, 3 semaines à l'heure du goûter, 1 commentaire.

Logo Sunfox

Les gens qui me font un logo aussi chouette et une bannière d’enfer par la même occasion en à peine trois petites minutes je les déteste.

Apéro Ruby spécial GitHub

Il y a 6 mois, 2 semaines à l'heure du goûter, 1 commentaire.

Octopussy

Le dix-huitième Apéro Ruby organisé par Ruby France était tourné autour de GitHub. Étaient présents les géniaux Scott Chacon et PJ Hyett de GitHub.

Schacon a présenté ShowOff, son application Ruby pour faire des présentations. Pas aussi bien qu’HTML5 Slides, mais je ne suis pas très objectif sur le sujet. Sinon c’est Sinatra, markdown, HTML, JS, que du bon et plein de bonnes idées pour la suite. Ses slides sont même un fork sur GitHub. Miam.

S’en sont suivi plein de questions sur GitHub. Plein de bonnes choses de prévues comme pouvoir utiliser SVN avec n’importe quel dépôt GitHub, ou auxquelles ils réfléchissent sérieusement comme les tickets et le wiki dans une branche du dépôt. Ils m’ont même assuré que l’internationalisation arrivait d’ici une semaine ou deux. \o/

Oh et c’était open bar. Thanks GitHub!

Facebook chat via XMPP

Il y a 6 mois, 2 semaines à midi, 3 commentaires.

Logo XMPP

Vous utilisez un client de messagerie instantanée qui supporte XMPP (aussi appelé Jabber) comme Pidgin ou Adium ? Vous pouvez dorénavant discuter avec vos contacts Facebook sans passer par un plugin qui ne fonctionne qu’à moitié ou un formulaire qui demande votre date de naissance.

Créer un nouveau compte avec comme protocole “XMPP” et comme domaine chat.facebook.com. Comme utilisateur et mot de passe ceux de Facebook (en prenant soin de vous choisir un nom d’utilisateur Facebook si ce n’est pas déjà fait). Enfin, penser également à désactiver la connexion sécurisée SSL/TLS.

Phishing and domain names: size matters

Il y a 8 mois, 3 semaines terriblement tôt le matin, 7 commentaires.

The last website where I entered my credit card info was www.securepaiement.elysnet.hsbc.fr. This domain name is way too long.

Dear online payment solutions, if you want people to look at the domain name to make sure they don’t get phished, use shorter domains! You might then find out it’s easier for people to trust a plain simple hsbc.fr.

La Distribution : la solution contre le Minitel 2.0 ?

Il y a 10 mois, 3 semaines terriblement tôt le matin, 11 commentaires.

Facebook, Flickr, Delicious, Twitter, … nos données et nos identités ne nous appartiennent plus. Chacun devrait pouvoir héberger soi-même ses données et ses applications et être maître de sa propre identité. Le Web tel qu’il a été imaginé.

Le plus court chemin vers la liberté passe par son propre domaine. Mais le gros frein à la décentralisation reste d’avoir un hébergement à soi puis d’installer et de mettre à jour chaque application. C’est long, c’est compliqué et les configurations sont toutes différentes.

[Logo La Distribution] La Distribution est la solution pour reprendre le contrôle. Elle permet d’installer un blogware, un wiki ou un forum en un clic. Mais ce n’est pas tout :

  • Dépôts distants d’applications, comme dans toute bonne distribution Linux
  • Identifiants d’administration uniques à travers vos sites
  • Cookies d’authentification partagés ! (Bluffant.)
  • Internationalisation unifiée
  • Client OpenID
  • Serveur OpenID
  • Mises-à-jour centralisées
  • Des tas d’applis PHP déjà supportées : WordPress, Dotclear, Habari, DokuWiki, bbPress, Moonmoon, Spip, Gallery, …
  • Maintenu activement
  • Du bon logiciel libre comme on en fait plus ma bonne dame

Testez donc La Distribution sur votre serveur, envoyez du feedback, partagez l’info, décentralisez vos infos.

Ah et joyeux anniversaire à François Hodierne, le valeureux créateur de La Distribution :)

Paris Web 2009

Il y a 10 mois, 3 semaines terriblement tôt le matin, 4 commentaires.

Photo de Karl Dubost préparant sa présentation durant Paris Web
© Thanh

L’édition 2009 des conférences Paris Web est terminée. Une fois de plus la grande qualité des conférences et le bon esprit qui règne étaient là. J’ai a-do-ré.

Quelques citations :

Devenez maître HTTP Karl Dubost

Flash doit être détruit Daniel Glazman

Hire only one junior for every two seniors Stephanie Troeth

Votre responspabilité est de ne plus développer pour IE6 Daniel Glazman

Make people happy to enter your forms Christian Heilmann

Everything that is beautiful is challenging Molly Holzschlag

Set aside QA for refactoring days Stephanie Troeth

IE6 rajoute 2 de degrés de complexité, 5 de maintenance Daniel Glazman

Karl chez Phéromone c’est un pléonasme Daniel Glazman

Faites un grep de vos feuilles de style pour trouver les couleurs identiques Nicole Sullivan

Quality comes from people, not processes Stephanie Troeth

Ajoutez vous-même la recherche Google vers votre nom dans vos lettres de motivation Karl Dubost

Il y a une taxe IE6 Karl Dubost

I don’t use classes unless I must Molly Holzschlag

Social engineering basics: show authority, fake need of urgency, take over responsibility Christian Heilmann

HTML 5 va sauver Ségolène Royal Daniel Glazman

IE6 sera négligeable en mai 2010, éteint en mai 2011 Daniel Glazman

Mes domaines c’est le passé, mon identification c’est le futur Eric Daspet

Document decisions only Stephanie Troeth

Works in all “navigators” Molly Holzschlag

La perte d’une certaine pudeur comme la perte de la pureté sont les causes profondes de la décadence du monde. Mère Teresa

Après tout ça j’ai des milliers de nouvelles idées et de choses à faire. Par exemple il faut que je me renseigne sur l’HTTP “bis” qui est en cours de discution au w3c, que je lise cette documentation sur le cache, que j’installe phpsecinfo, que je lise à propos des méthodes agiles de Jeff Patton, que j’utilise les favelets de Stéphane Deschamps, que je regarde de plus près les CSS media queries, que je me remette à jour dans mes sauvegardes, que je retrouve la proposition de Daniel Glazman sur les règles CSS qui permettent de cibler la disponibilité de certaines propriétés dans les navigateurs, que j’implémente Foaf+SSL quelque part, que je mette la main à la pâte sur La Distribution, …

Merci Paris Web !


:D Sunny Ripert

est un développeur web vivant à l'Île-Saint-Denis.

CV, me contacter


Textes et contenus sous licence Creative Commons.
Site crée par mes soins et propulsé par WordPress. Utilise des microformats. Questions, informations ? Contactez-moi.