blog.virgule.info

Bon, histoire de pas mourir idiot, je re-teste facebook à l'occasion de leur redesign... Je lance le truc de récupération de password pour retrouver mon vieux compte que j'ai utilisé 5 minutes ya 67 mois, et la, je vois mon Firefox qui s'excite à transférer une tonne de trucs depuis login.facebook.com ... Et pour cause! Voila un petit bout de la source:

<link type="text/css" rel="stylesheet" href="/rsrc.php/106234/css/login.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/106650/css/editor.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/39930/css/dialog.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/104778/css/dialogpro.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/111255/css/base.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/108104/css/ubersearch.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/102900/css/typeaheadpro.css" />
<link type="text/css" rel="stylesheet" href="/rsrc.php/106898/css/intl.css" />
<script type="text/javascript" src="/rsrc.php/106267/js/lib/util/bootloader.js"></script>
<script type="text/javascript" src="/rsrc.php/83911/js/lib/ua/ua.js"></script>
<script type="text/javascript" src="/rsrc.php/103533/js/lib/type/string.js"></script>
<script type="text/javascript" src="/rsrc.php/100038/js/lib/string/escape.js"></script>
<script type="text/javascript" src="/rsrc.php/94393/js/lib/string/sprintf.js"></script>
<script type="text/javascript" src="/rsrc.php/104485/js/lib/util/util.js"></script>
<script type="text/javascript" src="/rsrc.php/100890/js/lib/event/extensions.js"></script>
<script type="text/javascript" src="/rsrc.php/102557/js/lib/event/onload.js"></script>
<script type="text/javascript" src="/rsrc.php/83911/js/lib/ua/adjust.js"></script>
<script type="text/javascript" src="/rsrc.php/107392/js/lib/prelude.js"></script>
<script type="text/javascript" src="/rsrc.php/109129/js/lib/type/array.js"></script>
<script type="text/javascript" src="/rsrc.php/101636/js/lib/type/object.js"></script>
<script type="text/javascript" src="/rsrc.php/103541/js/lib/type/function.js"></script>
<script type="text/javascript" src="/rsrc.php/102585/js/lib/event/link_controller.js"></script>
<script type="text/javascript" src="/rsrc.php/98848/js/lib/ua/cookie.js"></script>
<script type="text/javascript" src="/rsrc.php/95536/js/lib/string/misc.js"></script>
<script type="text/javascript" src="/rsrc.php/104760/js/lib/string/uri.js"></script>
<script type="text/javascript" src="/rsrc.php/108234/js/lib/math/vector.js"></script>
<script type="text/javascript" src="/rsrc.php/108234/js/lib/math/rect.js"></script>
<script type="text/javascript" src="/rsrc.php/86410/js/lib/math/extensions.js"></script>
<script type="text/javascript" src="/rsrc.php/83874/js/lib/dom/html.js"></script>
<script type="text/javascript" src="/rsrc.php/107299/js/lib/dom/misc.js"></script>
<script type="text/javascript" src="/rsrc.php/109548/js/lib/dom/dom.js"></script>
<script type="text/javascript" src="/rsrc.php/83478/js/lib/dom/control.js"></script>
<script type="text/javascript" src="/rsrc.php/103430/js/lib/dom/controls/text_input.js"></script>
<script type="text/javascript" src="/rsrc.php/107265/js/lib/dom/controls/text_area.js"></script>
<script type="text/javascript" src="/rsrc.php/93653/js/lib/dom/css.js"></script>
<script type="text/javascript" src="/rsrc.php/109886/js/base.js"></script>
<script type="text/javascript" src="/rsrc.php/103539/js/lib/dom/form.js"></script>
<script type="text/javascript" src="/rsrc.php/109886/js/lib/net/async.js"></script>
<script type="text/javascript" src="/rsrc.php/84002/js/lib/net/async_signal.js"></script>
<script type="text/javascript" src="/rsrc.php/106898/js/intl.js"></script>
<script type="text/javascript" src="/rsrc.php/101805/js/lib/ui/animation.js"></script>
<script type="text/javascript" src="/rsrc.php/107632/js/dialogpro.js"></script>
<script type="text/javascript" src="/rsrc.php/106392/js/key_event_controller.js"></script>
<script type="text/javascript" src="/rsrc.php/111979/js/lib/ui/dialog.js"></script>
<script type="text/javascript" src="/rsrc.php/101899/js/error_data.js"></script>
<script type="text/javascript" src="/rsrc.php/86410/js/support/json.js"></script>

Soit 46 requêtes HTTP, et sur le même domaine! En voila certains qui devraient bosser à telefun ou lire un peu des articles sur les performances web... Je peux même leur filer l'URL de ma co-présentation à Paris-Web 2007...

Edit: Ah, et en fait, sans JavaScript... page blanche. Super!

C'est surement une très mauvaise idée, mais Rik et moi on animera un atelier à Paris Web 2007. Eh ouais. Même que ya une bio de moi, et que j'ai du trouver une photo pour l'accompagner, tout un programme.

On a vaguement abordé la fuite des cerveaux pendant la campagne présidentielle (je vous rassure ya que la première phrase qui est politique dans ce billet, lisez la suite). Ce concept marrant qui veuille qu'un cerveau nourri au grain et entraîné en France doive rester sur place à tout prix, parce que, euh, parce que voila quoi, merde, ya pas de raisons pour que ca soit toujours les autres qui en profitent ! Moi, j'aime bien manger des cerveaux, mais ce que je préfère, c'est parler de web. Alors parlons de web et de cerveaux.

Le Web (ca fait classe avec les majuscules, trouvez pas?) est en plein essor depuis un moment. Je regarde un peu autour de moi depuis quelque temps, par curiosité, et ca fait un bout de temps que ca embauche à tout va, au moins en Europe. Ce n'est pas seulement l'effet Web 2.0 je pense, il ya pas mal de boites classiques aussi. Contrairement à il ya quelques années, les jobs disponibles ne sont pas juste des stages non rémunérés, des CDDs ou des postes d'esclaves dans des SSII, même si il yen a encore beaucoup; Non, des vrais boulots, pas trop mal payés, et intéressants au moins sur le papier.

Le rapport avec les cerveaux ? En France, dans le petit monde de l'informatique, et en particulier du web, bah on en manque terriblement. Les jobs dont je parle plus haut, j'en vois plein autour de moi, et pas seulement dans ma propre boite, ils restent disponibles pendant des siècles. Peu de candidatures, encore moins de candidatures de gens compétents.

Je vais prendre Telefun, boite qui m'embauche, comme exemple parce que c'est celui que je connais le mieux, mais pour avoir discuté avec quelques gens dans le métier, ce n'est pas du tout un cas isolé, même si on a quand même pas de bol :-). Donc, Telefun, boite derrière Skyblog et autres divers sites, embauche. Depuis un bout de temps: ca fait un peu moins d'un an que on tente de trouver des développeurs pour agrandir l'équipe dédiée à Skyblog (qui est hélas relativement réduite) dont je fais partie; sur cette presque année, on s'est sérieusement penchés sur le problème ces 6 derniers mois. Durant ce laps de temps, relativement peu de candidatures, pas mal de candidats annulant sans explications ou ne donnant pas suite à nos messages, au final on a du voir environ une vingtaine de personnes maximum. Sur ces 20, on en a embauché 2^[1], et encore, un en stage (il le voulait).

Ou sont passés les autres ? (Non, pas la). A la trappe: pas assez compétents. En effet, pour éviter les mauvaises surprises, bohwaz et moi avons développé un mini-test à l'embauche. Rien de bien sérieux, croyait-on: un mini système de commentaires, avec comme seule vraie exigence le fait de fonctionner et d'être relativement sécurisé. Le tout en 45 minutes. Une base, 4 champs, 200 lignes de code et c'est plié. Le résultat nous a fait très peur, et continue de m'effrayer: la plupart des candidats ont lamentablement échoué, même avec le double de temps. On a eu le droit à tout, avec, dans le désordre:

• Code ultra complexe, super abstrait, plein de fichiers, mais qui ne fait absolumment rien ou presque
• Code dans un seul fichier sans fonctions
• HTML dégueulasse (C'était pas le sujet, mais bon, <center>, <font> et compagnie, non quoi. Heureusement relativement peu nous on fait le coup)
• Aucune protection contre les injections SQL
• Aucune protection contre les injections d'HTML/JavaScript

Personne n'est parfait, et nous sommes nous aussi coupables de ce genre de choses de temps à autre. Mais la plupart semblaient découvrir les problématiques que nous soulevions dans leur code! Une bonne partie n'avaient aucune idée de quoi faire lorsque les magic_quotes sont désactivées (La plupart du temps, le simple fait de mettre un simple guillemet empêchait totalement de poster le commentaire: nous avions désactivé les magic_quotes sur la machine de test pour les obliger à utiliser des fonctions d'échappement). Le pire étant que certains se targuaient d'avoir plusieurs années d'expérience, d'avoir bossé dans des grosses boites ou des SSII responsables de très gros contrats - et je suis convaincu que aucun ne mentait. J'en ai discuté avec plusieurs personnes, qui m'ont dit avoir rencontré le même genre de candidats, et pas seulement en PHP, coté JSP aussi par exemple...

Alors voila, c'est cool, le web embauche (d'ailleurs Telefun aussi :-)), mais les cerveaux, ils sont déjà partis les enfants, ou alors ils ont déjà des jobs. Tout ca m'énerve pas mal, va falloir aller les chercher ailleurs si ca continue...

PS: On se console comme on peut, mais ya pas que les cerveaux qui partent

Dean Edwards se met aux frameworks JavaScript. Je suis généralement contre, mais celui la a l'air pas mal du tout, rapide et léger. A tester.

Si vous faites un peu beaucoup de CSS, vous avez forcément lu un jour cet article de Dave Shea sur les découpages d'images en CSS, ou sa traduction chez pompage. L'idée est extremement séduisante, ne serait ce que parceque le moins d'images à charger votre serveur a, le mieux il se porte. Je voulais me pencher la dessus dans le cadre de mon boulot mais sans outil pour gérer tout ca, c'est l'horreur: il faut repérer les coordonnées de chaque image, écrire les règles CSS... et recommencer à chaque fois qu'on veut ajouter une image. J'ai donc écrit ce petit script python pour gérer tout ca.

Confirmation du fait que il n'y aura pas grand chose de nouveau sous la main coté script dans IE7: What's New in Internet Explorer 7 (Script). On et mal barrés je vous dis...

Edit: Ya quand meme des bonnes nouvelles.

Safari devient potable en DOM/JavaScript. Ils rattrappent leur retard, maintenant ils sont passés sous la barre des 6 ans de décalage avec Mozilla. Peut etre qu'ils supporteront un jour le DOM CSS & Style correctement ? Notons que opera 9 n'a toujours pas de getter/setter, prétend supporter a 100% le DOM Style alors que c'est n'importe quoi, et que IE7, de son coté, ne change strictement rien dans le support déplorable du DOM/JavaScript de IE... Et apres, les gens disent que JavaScript, ca pue...

Edit: Oublié de préciser que XMLHttpRequest dans IE7 ne sera pas aussi natif qu'ils veulent nous le faire croire: il est impossible de toucher a l'objet (on ne peut pas, comme sur tous les autres objets en javascript, rajouter des propriétés a la volée en touchant au prototype), ce qui indique que c'est probablement juste un ActiveX planqué.

Edit 2: Visiblement les développeurs d'opera, ou leur communauté, ou les 2, cherchent à m'énerver. Je comprends pas comment le support d'un working draft du whatwg peut etre considéré comme une transformant opera dans leader de ajax alors qu'il ya tellement de trucs dans JavaScript 1.5, 1.6 ou 1.7 qui attendent toujours d'être implémentés...

Dans mon précédent post sur le sujet, je suis resté quelque peu évasif sur l'interet de mon code et sur les diverses optimisations possibles: je voulais juste exposer le bug que j'avais rencontré avec Konqueror.

Ici, nous allons reprendre tout depuis le début. Le probleme est donc le suivant: Soit un article de linuxfr, avec zero, un ou plusieurs commentaires. Chaque commentaire est dans un <div class="comment ...">. Il faut effectuer diverses actions sur chaque commentaire trouvé, tel le cacher ou non selon son score, le mettre a part si il est nouveau, etc.