Yogsototh's last blogs entries

Utilisation de git pour calculer les mtimes

2010-09-02T13:54:10Z

Vous pouvez remarquer qu’à la fin de chaque page je donne une date de dernière modification. Précédemment cette date était calculée en utilisant la date du fichier. Mais il arrive fréquemment que je fasse un touch d’un fichier pour engendrer tout le site de nouveau. Donc la date n’est pas nécessairement la vraie de modification du contenue.

J’utilise git pour versionner mon site web. Et cet outil me permet de récupérer la dernière date de vraie modification d’un fichier. Voici comment je m’y prend avec nanoc :

base64 et sha1 sur iPhone

2010-09-01T22:02:17Z

Allons directement à l’essentiel : voici deux fonctions à intégrer à votre application iPhone pour afficher l’encodage en base64 ou en hexadecimal du hash sha1 d’un string en Objective-C pour iPhone.

Pour l’usage c’est très simple, copiez le code dans la classe de votre choix. Puis :

#import <CommonCrypto/CommonDigest.h>
...
NSString *b64_hash = [self b64_sha1:

Envoyer un mail en ligne de commande avec un fichier attaché

2010-08-31T08:16:04Z

J’ai dû envoyer un mail en ligne de commande récemment. Quelle ne fût pas ma surprise lorsque je constatais que ce n’était vraiment pas évident. Je n’avais ni pine ni mutt. Seulement mail et mailx.

Ce qu’on trouve sur internet pour envoyer un mail avec fichier attaché c’est ça :

uuencode fic.jpg fic.jpg | mail -s 'Subject'

Bon, alors, bête et discipliné j’ai essayé. Et bien, ça marche presque tout le temps. Pour mon fichier ça n’a pas marché du tout. Je l’ai compressé au format .gz,

Maintenant sur Heroku

2010-08-23T13:05:13Z

Maintenant sur Heroku

J’ai changé mon hébergeur. Mobileme n’est absolument pas adapté à la diffusion de mon blog. C’est pourquoi je suis passé à Heroku.

Mais comme vous devez le savoir mon blog est un site complètement statique. J’utilise nanoc pour l’engendrer. Avoir un site statique amène beaucoup d’avantages par rapport à un site dynamique. Surtout en terme de sécurité. Voici comment configurer un site statique sur heroku.

La racine de mes fichiers est ‘/output’. Vous devez simplement créer deux fichiers. Un fichier config.ru

Indécidabilités (partie 1)

2010-08-11T08:04:31Z

tlàl : Je crée un mode mathématique simple pour parler de différents types d’indécidabilités :

indécidabilité due aux erreurs d’observation ;
grandes erreurs résultant de petites erreurs de mesure ;
indécidabilité fractales ;
indécidabilité logique.

Les indécidabilités

Si le monde a été fabriqué par un démiurge, on peut dire que celui-ci devait avoir le sens de l’humour. Et le récit que je vais faire va vous en fournir la preuve. Je vais me mettre à sa p...

Nouveau style après les vacances

2010-07-31T21:59:10Z

Avant les vacances beaucoup d’utilisateurs se sont plaints de la lenteur de rendu de mon site. Il s’agit notamment de problèmes avec Chrome en particulier. Mais pour éviter tout problème. J’ai complètement modifié le style de mon site web. Il est inspiré du style de l’application iBooks© sur iPhone©.

Dites moi ce que vous pensez de ce nouveau design.

N'utilisez pas de gradients avec Chrome

2010-07-07T13:43:43Z

Beaucoup d’utilisateurs de Reddit m’ont rapporté que mon site était très long à charger et à scroller. Ils pensaient qu’il s’agissait d’un problème dû aux ombres que j’applique sur le texte. J’étais un peu surpris puisque je fais mes tests sur une machine vraiment très lente et je n’avais jamais détecté ces problèmes. En réalité, ce qui ralenti le rendu de ce site est par ordre d’importance :

Les dégradés sur Chrome (pas dans Safari sur Mac)
les box shadows sur Firefox

les dégradés

Sur Safari il n’y a absolument aucun problème avec les dégradés. Par contre sur Chrome sous Linux le si...

Cappuccino ou jQuery ?

2010-07-05T11:49:04Z

tlàl:

J’ai essayé de faire une version de YPassword en jQuery et avec Cappuccino.
Cappuccino est très bien sur les navigateurs non mobile mais l’application pèse 1.4Mo et n’est pas compatible avec l’iPhone.
la version jQuery n’est pas aussi jolie que la version réalisée avec Cappuccino mais elle pèse seulement 106Ko et est compatible avec l’iPhone.
J’essayerai Dashcode 3

Avant de commencer, je dois dire que je sais que Cappuccino et jQuery ne sont pas plus comparable que Cocoa et la standard library en...

Comment faire des popups en jQuery rapidement

2010-06-18T22:44:50Z

Sur ce blog, je donne parfois la possibilité de télécharger certaines sources de code. Dans ce cas, le code est souvent plus large que le div qui le contient. Le texte est alors coupé. C’est pourquoi, j’utilise une méthode qui permet d’afficher ces sources dans de grandes popups en jQuery.

Vous pouvez faire un essai en cliquant le code suivant ; remarquez qu’un bout du code n’est pas visible (après z-index normallement) :

➥ essai.js

// --- code popup ---

Se cacher de ses statistiques web

2010-06-17T14:37:22Z

Voici un moyen très simple de ne plus être comptabilisé dans les visites de son propre site. Tout d’abord, vous devriez jeter un coup d’œil sur comment je gère les systèmes de récupération de statistiques. Je centralise tout dans un seul fichier javascript ce qui facilite le travail.

Cette méthode nécessite l’utilisation de jquery-cookie.

Avant de comptabiliser les visites, je vérifie que la clé admin n’est pas utilisée dans mes cookies.

    var admin = $.cookie(

Analyser les clicks sur votre Site

2010-06-17T12:41:36Z

Voici comment analyser tous les clics que font vos utilisateurs sur votre blog en incluant google analytics de façon asynchrone.

Dans le html, il faut utiliser jQuery et un fichier que j’ai appelé yga.js :

    <script type="text/javascript" src="jquery.js"></

Récupérez mon système de blog

2010-06-15T08:56:32Z

J’ai publié une version light de mon système de blog hier soir. Par light il faut comprendre avec un CSS plus épuré et plus portable (sans les bords ronds). Vous pouvez le récupérer sur github.com.

Que pouvez-vous attendre de ce système de blog ?

Tous les avantages liés à nanoc ;
Facilité de la gestion de plusieurs langues ;
coloration syntaxique des codes sources pour la plupart des languages ;
commentaires gérés avec intenseDebate de façon asynchrone ;
très portable avec ou sans javascript, XHTML Strict 1.0 / CSS3 ;

choix liés à l'écriture dans plusieurs langues

2010-06-14T14:14:57Z

Je traduis la plupart de mes articles pour qu’ils soient disponibles en français et en anglais. La façon que l’on m’a conseillé était d’avoir un fichier par langue. En général ça donne ça.

Bonjour, 

voici un exemple de texte en français.
[image](url)

Hello, 

here is an example of english text.
[image](url)

Cette façon de traduire vous impose une certaine façon de traduire. D’abord écrire entièrement le texte dans une langue, puis copier le fichier et enfin retraduire dans une nouvelle langue.

Le problème, c’est que très souvent, les articles ont des parties communes non négligeables. Par exemple, les images, les codes sources, etc… Lorsque je m&...

Arbres ; Pragmatisme et Formalisme

2010-05-24T18:05:14Z

tlàl :

J’ai essayé de programmer un simple filtre ;
J’ai été bloqué pendant deux jours ;
J’ai arrêté de penser comme un robot ;
J’ai utilisé un papier et un stylo ;
J’ai fait un peu de maths ;
J’ai résolu le problème en 10 minutes ;
Conclusion: Pragmatisme n’est pas : «n’utilisez jamais la théorie».

Résumé (plus long que le tlàl)

Je devais résoud...

Comment réparer un XML coupé ?

2010-05-19T20:20:34Z

Sur ma page d’accueil vous pouvez voir la liste des mes derniers articles avec le début de ceux-ci. Pour arriver à faire ça, j’ai besoin de couper le code XHTML de mes pages en plein milieu. Il m’a donc fallu trouver un moyen de les réparer.

Prenons un exemple :

<div class="corps">
    <div class="

Je reviens à la vie !

2010-05-17T11:25:51Z

Bonjour à tous !

…plus on retarde quelque chose, plus il devient difficile de s’y mettre…

Je devais écrire d’autres articles pour ce blog. J’ai noté plein d’idées dans mes todolist. Mais j’avais pas mal d’autres choses à faire. Et jusqu’ici, j’ai toujours dit «je le ferai plus tard». Ce qui m’a fait agir, c’est la petite réflexion que j’avais lu une fois.

Arrétez d’écrire des TODO dans votre code est faites le maintenant !
Vous serez surpris de l’efficacité de cette mesure.

E...

Encapsuler git

2010-03-23T20:37:36Z

Voici une solution pour conserver des branches divergentes avec git. Parce qu’il est facile de merger par erreur, je propose un script qui encapsule le comportement de git pour interdire certains merges dangereux. Mais qui permet aussi de faire des merges en cascades de la racines vers les autres branches.

Se prémunir contre les erreurs

Je travaille sur un projet dans lequel certaines de mes branches git doivent rester divergentes. Et les divergences devraient aller en s’accentuant.

J’utilise aussi certaines branches qui contiennent la partie commune de ces projets.

Disons que j’ai les branches :

...

Astuces Git

2010-03-22T08:42:27Z

Cloner de github à travers un pare-feu

La façon standard:

git clone git@github.com:yogsototh/project.git

En utilisant le port HTTPS :

git clone git+ssh://git@github.com:443/yogsototh/project.git

Cloner toutes les branches

git clone peut seulement récuper la branche master.

Si vous n’avez pas beaucoup de branches, vous pouvez simplement les clone le project et ensuite pour chacune d’entre elle lancer la commande suivante :

git branch --track local_branch remote_branch

par ...

Quand se passer des expressions régulières ?

2010-02-23T08:09:52Z

Les expressions régulières sont très utiles. Cependant, elles ne sont pas toujours la meilleure manière d’aborder certain problème autour des chaines de caractères. Et surtout quand les transformations que vous voulez accomplir sont simples.

Je voulais savoir comment récupérer le plus vite possible l’extension d’un nom de fichier. Il y a trois manière naturelle d’accomplir celà :

# regexp
str.match(/[^.]*$

découper un fichier par mots clés

2010-02-18T13:29:14Z

Assez bizarrement, je n’ai trouvé aucun outil UNIX pour découper un fichier par mot clé. Alors j’en ai fait un en awk. Je le met ici principalement pour moi, mais ça peut toujours servir à quelqu’un d’autre. Le code suivant découpe un fichier pour chacune de ses ligne contenant le mot UTC.

#!/usr/bin/env awk
BEGIN{i=0;}
/UTC/ { 
    i+=1;
    FIC=sprintf("fic.%03d",i); 
} 
{

Tout sauf quelquechose en expression régulière.

2010-02-16T08:33:21Z

Dans mon précédent article j’ai donné certaines astuces pour matcher ‘tout sauf quelque chose’. De la même manière, un truc pour matcher la chaine de caractère la plus petite possible. Disons que vous voulez matcher la chaine de caractère entre ‘a’ et ‘b’. Par exemple, vous voulez matcher :

a.....a......b..b..a....a....b...

Voici les deux erreurs communes et une solution :

/a.*b/
a.....a......b..b..a....a....b...

La première erreur vient de l’utilisation du terrible

Expression régulière pour tout sauf quelquechose

2010-02-15T09:16:12Z

Parfois vous ne pouvez simplement pas écrire :

if str.match(regexp) and 
    not str.match(other_regexp)
        do_something

et vous devez obtenir le même comportement avec seulement une expression régulière. Le problème c’est que le complémentaire des régulier n’est pas régulier. Celà peut s’avérer impossible.

Cependant, pour certaines expressions ce peut être possible^†. Disons que vous souhaitez matcher toutes les lignes contenant le mot bull, mais que vous ne souhaitez pas matcher bu...

Fontes adoucies sous Ubuntu Firefox

2010-01-12T14:36:40Z

Voici comment faire pour ne plus utiliser les fontes Microsoft© sous Linux Ubuntu pour avoir de belles fontes adoucies (anti aliased) qui ne font pas mal aux yeux sous Firefox.

modifiez le fichier /etc/fonts/local.conf en y incluant le contenu suivant :

➥ local.conf


<?xml version="1.0

Changer le shell par défaut sous Mac OS X

2010-01-04T10:31:47Z

Je viens de trouver le moyen de changer son shell par défaut sous Mac OS X. Cette note est plus pour moi. Mais elle peut aussi servir à quelqu’un d’autre. Il suffit de lancer la commande :

> chsh

Git ou Bazaar ?

2009-12-14T08:46:36Z

Même si je considère que git a beaucoup de points noirs, je pense qu’il reste le meilleur DCVS à ce jour avec lequel travailler. C’est pourquoi je commencerai par parler des qualité de bazaar qui manquent à git. Ensuite seulement je donnerai le seul avantage de git qui suffit à le rendre préférable à Bazaar.

La découverte des DCVS

À savoir avant de débuter l’article. Je suis, comme beaucoup, un ancien utilisateur de subversion. Je trouve subversion très bien, mais j’ai été conquis par les capacités supplémentaires apportées par les systèmes de versions concurrentes décentralisés.

Il y a deux façon de percevoir les système...

Filtrage d'appel avec l'iPhone

2009-12-06T09:35:34Z

Il est vraiment incroyable que le filtrage d’appel soit impossible avec un iPhone ! Le seul intérêt que j’y vois, c’est une négociation avec les opérateurs pour interdire aux utilisateurs de passer à travers la publicité. C’est tout simplement inacceptable.

Je suis un utilisateur λ de l’iPhone. Le seul moyen de filtrer ses appels, de faire des blacklists ou autre c’est de jailbreaker son iPhone. Et je n’en ai aucune envie. Alors si comme moi, vous trouvez ça inacceptable, envoyez un mot à Apple : http://www.apple.com/feedback/iphone.html

Git pour les nuls

2009-11-12T09:39:54Z

Et c’est parti !

Voici une parmi de nombreuses autres façon d’utiliser Git. Cette méthode est nécessaire et suffisante pour travailler seul ou en collaboration sur un projet commun. Cependant, on peut faire beaucoup mieux avec Git que ce workflow (en langage anglo-saxon).

Utilisation basique

La façon immédiate de travailler avec Git :

récupérer les modifications des autres git pull
voir les détails de ces modifications git log

Git pour les nuls

2009-11-12T09:39:54Z

Avant l’utilisation, la configuration

installation

Sous Linux Ubuntu ou Debian :

$ sudo apt-get install git

Sous Mac OS X :

installez MacPorts
installez Git

$ sudo port selfupdate

$ sudo port install git-core

Configuration globale

Enregistrez le fichier suivant comme le fichier ~/.gitconfig.

Git pour les nuls

2009-11-12T09:39:54Z

Pourquoi Git est cool ?

Parce que grace à Git vous pouvez travailler sur plusieurs partie du projet de façon complètement isolée les unes des autres. Ça c’est la partie décentralisée de Git.

Toutes les branches locales utilisent le même répertoire. Ainsi on peu changer de branche très aisément et rapidement. On peut aussi changer de branche alors que certains fichier sont en cours de modifications. On peut même pousser le vice jusqu’à modifier un fichier, changer de branche, commiter une partie seulement des modifications de ce fichier dans la branche courante. Revenir dans l’ancienne branche et commi...

Git pour les nuls

2009-11-12T09:39:54Z

Voici un tutoriel Git détaillé pour ceux qui en connaissent très peu sur les systèmes de versions. Vous comprendrez l’utilité de tels systèmes et surtout comment on se sert des systèmes de versions modernes, le tout en restant le plus pragmatique possible.

Pour commencer, la conclusion

Voici la liste des commandes nécessaires et suffisantes pour utiliser Git. Il y en a très peu. Il est normal de ne pas les comprendre tout de suite mais c’est pour vous donner une idée. Malgré la longueur de l’article, 95% de l’utilisation de

Git pour les nuls

2009-11-12T09:39:54Z

Git pour quoi faire ?

Si tout ce qui vous intéresse c’est d’utiliser Git tout de suite. Lisez simplement les parties sur fond noir. Je vous conseille aussi de revenir relire tout ça un peu plus tard, pour mieux comprendre les fondements des systèmes de versions et ne pas faire de bêtises quand vous les utilisez.

Git est un DCVS, c’est-à-dire un système de versions concurrentes décentralisé. Analysons chaque partie de cette appellation compliqué.

...

Git pour les nuls

2009-11-12T09:39:54Z

Liste de commandes

Les commandes pour chaque choses

Dans la première partie, nous avons vu la liste des problèmes résolus par Git. En résumé Git doit pouvoir :

récupérer les modifications des autres ;
envoyer ses modifications aux autres ;
revenir dans le temps ;
lister les différences entre chaque version ;
nommer certaines versions pour s’y référer facilement ;
afficher l’historique des modifications ;
savoir qui a fait quoi et quand ;
gérer des conflits ;
manipuler facileme...

Une CSS pour IE seulement

2009-10-30T20:34:46Z

Pour les développeur de site web Internet Explorer est un cauchemar. C’est pourquoi j’utilise un style complètement différent pour ce navigateur. Avec la librairie jQuery.

$(document).ready( function() {
    if ($.browser["msie"]) {
        // include the ie.js file
        $('head').append('

Synchronisation avec mobileme (2)

2009-10-28T09:03:30Z

J’ai déjà discuté de la façon dont je synchronise mon site web sur mobileme. J’ai amélioré mon script pour le rendre incrémental.

Voici mon script, il créé tout d’abord un fichier qui contient la liste des fichiers avec leur hash. Afin de les comparer avec ceux qui sont en ligne sans avoir à les parcourir. Ensuite pour chaque fichier qui semble différent, je met à jour le contenu.

Cependant même avec ce script j’ai encore des problèmes. Dû à webdav. En particulier le renommage de répertoire. Par exemple :

mv folder folder2

Retourne OK et pourtant :

$ ls...

Un menu qui attends avant de se cacher

2009-10-26T19:56:09Z

J’ai déjà dit pourquoi je préférais que mon menu de navigation soit caché. J’ai finalement décidé d’attendre un peu avant de cacher le menu. Juste le temps que l’utilisateur le voit. Mais voilà. Comment faire pour qu’il ne disparaisse que lorsque l’on ne s’en sert pas pendant un petit moment ?

Voici la solution que j’utilise avec jQuery

HTML :

    <div id="men...

lancer un démon en ligne de commande

2009-10-23T08:53:16Z

Une petite astuce dont je ne me souvient jamais (je ne sais pas pourquoi).

Lorsque que vous souhaitez lancer une commande qui ne soit pas tuée après la fermeture du terminal voici comment s’y prendre :

nohup cmd &

où cmd est la commande que vous souhaitez lancer.

Je laisse cette astuce ici pour moi et dans l’espoir que ça pourra aussi être utile à quelqu’un d’autre.

Focus > Minimalisme

2009-10-22T18:45:18Z

Je crois que le but du minimalisme est de facilité le Focus c’est-à-dire la concentration sur le contenu. Je crois que le minimalisme doit être un moyen et pas une fin. Le Focus devrait être le but, et je pense que le minimalisme n’est pas obligatoire pour l’atteindre.

C’est pourquoi mon design n’est pas minimaliste. Mais j’ai décidé d’enlever la majorité des objets servant à la navigation pour améliorer l’attention sur l’article. Peut-être que plus tard, je préfèrerai laisser le menu dans les pages normales du site pour ne le cacher que dans les articles de blog. Pour l’instant je le cache partout.

Usages non dits de Git

2009-10-13T11:10:09Z

Je décris pourquoi j’ai eu tant de mal à me faire à Git. Il y a en effet une partie “non dite” qui m’a bloqué pendant un bon moment. Jusqu’à ce que je découvre le bon document.

Le fait est que les branches légères ne sont pas destinée à être des branches isolées. Ainsi, il y a un “workflow standard” qui s’il n’est pas suivi rend l’utilisation de Git inappropriée.

La décentralisation en action

De SVN à Bazaar

J’étais un fervent utilisateur de subversion (svn)

Charger une page web avec style

2009-10-03T12:34:11Z

Exemple

Voici comment apparaissent mes pages pendant leur chargement.

Voilà ! Je suis chargée !

Cliquez-moi dessus pour recommencer.

Disqus contre Intense Debate (pourquois j'ai changé)

2009-09-28T08:58:20Z

Disqus vs. Intense Debate

J’ai écrit un article sur la façon dont j’ai essayé d’intégrer Disqus. Mon problème majeur avec Disqus c’était que ma page ne s’affichait pas correctement tant que les commentaire n’avait pas fini de s’afficher. Ça m’est arrivé plusieurs fois d’avoir ma page complètement bloquée parce que les serveurs de Disqus ne répondait pas. C’est pourquoi j’ai essayer de l’inclure de manière asynchrone. Cependant j’ai e...