My new job

For the interested, I’ve been hired as a web developer. I code things in PHP and Python, with a big dose of client-side HTML/CSS/JavaScript. I work with two incredible guys that have a lot more experience than me (a designer that comes from a big ad agency and a designer that learned his way through programming).

I spend most of my days writing code in a text editor, which is a perfect fit for me.

What will happen of hooba.ca

I’ve decided to keep the domain name and probably some elements of the design for my personal use. Most people in the industry know me through Hooba anyway. I did not have time to update the site yet, but it should happen sometime in the next year (I know, I know…). I’m not even sure I’ll continue to use Wordpress. The admin is great, but theming and customizing Wordpress just feels too 2004. Maybe it’s better in the new 3.0 version, but I wouldn’t think so. I’ll probably roll out a simple thing of my own.

I’ll try to post a few things a year, but don’t expect me to post every few days. Life is just catching up on me. I don’t have enough time to read (I’m currently trying to go through a book on Android and a book on TCP/IP sockets in C and I can’t see the end), traffic (construction in fact) is pissing me off (I have a hard time attending my kung fu class) and it’s summer (there’s always something better to do, which is good). I can’t image what it will be when I have kids!

Le concours s’appelle À l’affiche dans une bibliothèque près de chez vous. Les jeunes doivent faire un vidéo « bande-annonce » d’un livre parmi les livres sélectionnés.

Comme c’était du bénévolat et que les visiteurs allaient être des jeunes (donc plus enclins à utiliser un navigateur récent), je me suis permis d’expérimenter un peu avec le CSS3.

Box Shadow

Si vous avez un navigateur récent qui n’est pas Internet Explorer, vous pouvez voir qu’il y a un une ombre autour du contenu principal. Il s’agit de la propriété CSS box-shadow. Elle n’est actuellement implémenté que dans Webkit (Safara, Chrome) et Firefox 3.5+. Comme le CSS3 n’est pas encore ratifié, il faut ajouter l’extension des navigateurs à l’avant de la règle. C’est à dire -moz pour Firefox et -webkit pour Webkit. Par exemple, sur le site du concours, voici la règle que j’ai utilisée:

-moz-box-shadow:0 0 20px 3px black;
-webkit-box-shadow:0 0 20px 2px black;
box-shadow:0 0 20px 2px black;

La version sans préfixe sert pour le jour où cette règle CSS deviendra standard. En gros, j’ai utilisé cinq paramètres:

1. Offset horizontal, au cas où on voudrait décaller.
2. Offset vertical, même chose.
3. Flou (blur), détermine l’intensité du flou, un peu comme dans Photoshop.
4. Étendue (spread), sans avoir trop expérimenté, ça ressemble un peu à padding, mais appliqué à l’ombre. Peut être négatif si on veut la rapetisser.
5. Couleur. Je crois que la spécification permettra aussi d’utiliser rgba (avec de la transparence).

IE6 n’est pas mort

Après avoir fait le site web, comme tout bon intégrateur, j’ai fait le tour dans tous les navigateurs majeurs (IE6/7/8, Chrome, Firefox, Safari, Opera) afin d’y arranger les petits problèmes. Comme à l’habitude, IE6 est toujours un peu plus tannant, alors dans la même perspective qui m’avait poussé à expérimenter avec CSS3, j’ai décidé de rendre le site regardable dans ce navigateur, sans faire pieds et main pour le rendre pixel perfect. À ma grande surprise, lors des premiers jours après la mise en ligne, Google Analytics me disait qu’environ 90% du trafic était fait avec IE6! J’ai donc compris que les TI de la ville de Lévis n’avaient pas encore pris la peine de mettre à jour les navigateurs de certains employés! Par chance, après la vague de curieux à l’interne, la tendance est plutôt redevenue normale (c’est à dire, je n’ai pas revu d’IE6 depuis).

CSS3 va rocker

Dans ce projet, je n’ai utilisé qu’une seule règle de CSS3. Elle ajoute un petit quelque chose au site, sans pour autant avoir un effet dévastateur lorsqu’elle n’est pas rendue par le navigateur.

Il y a plusieurs autres règles qui, en réduisant l’utilisation d’images, vont vraiment accélérer l’intégration web et réduire la taille des pages.

Les navigateurs utilisés sont de plus en plus à jour: IE6 disparait et IE7 disparait encore plus vite maintenant qu’IE8 est sorti! On pourra donc très bientôt utiliser les derniers ajouts au fur et à mesure qu’ils arrivent.

Malgré mon handicap technologique, j’ai tout de même dû continuer à travailler. Je vous partage un peu de sagesse acquise spécialement pour l’occasion.

Internet sur mon cellulaire, bien plus que du divertissement

Premièrement, je dois avouer que j’étais très content d’avoir un accès internet sur mon téléphone cellulaire pour garder contact par courriel avec mes clients. J’ai pu échanger mes courriels presque comme à l’habitude, et j’ai même utilisé un petit logiciel FTP pour mettre en ligne un travail en cours pour montrer les progrès à un client.

Par contre, je dois avouer que j’étais un peu frustré de ne pas encore être à l’ère où il n’y a pas de frais supplémentaires lorsqu’on utilise l’accès internet de son cellulaire à partir de son ordinateur.

La documentation hors-ligne, une bénédiction

Deuxièment, j’avais récement, un peu par hazard, mis à jour ma documentation hors-ligne. PHP, Kohana, MySQL. Je ne les utilise jamais d’habitude et je les avais mis à jour simplement dans le but de les avoir si jamais j’étais en déplacement à un endroit où il n’y a pas d’accès à internet. Ne pas avoir eu ça, je dois avouer que j’aurais perdu beaucoup de temps!

Le 56K, pas aussi bon que dans l’temps!

Troisièmement, mon ami Martin m’a gracieusement fournis son 10h d’accès téléphonique 56K qu’il a en prime avec son accès par cable. Ça m’a permis de me rendre compte que le web d’aujourd’hui n’est plus du tout fait pour les accès aussi lents. Les quelques fois où je me suis connecté, j’ai eu droit à plusieurs timeouts à cause des pages trop pesantes. Je me souviens de l’époque où j’ouvrais 4-5 pages et que j’allais me chercher un verre de jus en attendant que ça télécharge. Aujourd’hui, avec le même accès, même en ouvrant une seule page, elle ne se charge pas au complet parce qu’elle est trop volumineuse. Moi qui aime bien télécharger les podcasts de Maxime Robin, à 100Mo l’émission, j’ai passé mon tour!

Aussi, j’ai un modem 56K uniquement sur mon portable. C’est un WinModem; c’est à dire, il ne fonctionne que sous Windows. Je développe sous Ubuntu. Tout pour m’aider!

Subversion, hébergé sur le web

J’utilise générallement Subversion pour le contrôle de version. J’héberge mes repositories sur le web, question d’y avoir accès de partout. Comme je n’avais plus accès à internet avec mon ordinateur de développement, je n’avais plus accès à mes repos. Devrais-je les garder local? Avec Git, le problème ne se poserait peut-être même plus, étant donné que j’aurais pu faire mes commits et les garder en local en attendant de faire les commits sur le web plus tard.

La conclusion

On tient pour acquis notre accès à internet. Mais au lieu de proposer qu’on en devienne moins dépendant, je pousse plutôt dans l’autre sens: internet devrait être beaucoup plus accessible, à partir de n’importe où. Ce genre de situation aurait été beaucoup moins problématique si j’avais pu temporairement utiliser mon cellulaire comme modem. Bonne nouvelle, les tarifs sont à la baisse, et la tendance va probablement s’accentuer.