le tekos

Fermez votre browser !

2011-01-27T07:21:00.000-08:00

Je regardais une super vidéo avec tous pleins de Yankee qui discutaient HTML5 et avant chaque démo ils fermaient leur browser en disant: "Si on le ferme pas avant ça chie grave".

Depuis je ferme systématiquement mon browser après chaque site web que je visite. Ouai je suis con, et vous aussi, alors fermez vos browser régulièrement, votre vie sera beaucoup plus fluide.

#tipsenbois

Message aux voyants du web !

2011-01-21T01:24:00.000-08:00

Nan mais sérieux ! Sur le web français on est plus dans la prospective, on est passé dans la voyance ! Quand des fredcavazou vous annonce tous les ans depuis 3 ans que Facebook est prisonnié de sa communauté, c'est quand même du lol en tablette. Et quand le même type de grand gourou vous annonce un web sans curation, j'en envie de dire:

ping community.letekos.blogspot.com

2011-01-20T03:55:00.000-08:00

PING blogspot.l.google.com (209.85.229.132) 56(84) bytes of data.
...

Y'a du monde dans le saloon ? Car le tekos a ciré sa moustache et pourait bien reprendre du service !

Firefox 3.6.4. et flash : crash en mode debug

2010-06-26T09:53:00.000-07:00

Si, chez moi ca crash ! Alors ok, peut être que chez vous tout va bien, mais chez moi c'est la merde.

Et quand c'est la merde, on vire la fonctionnalité bidon de Firefox qui fait chier:

1) Dans la bar d'adresse taper: about:config
2) Chercher la valeur dom.ipc.plugins.enabled.npswf32.dll et la passer à false

Tada !! Ca remarche !

Que c'est bon d'être mexicain

2010-06-18T01:10:00.000-07:00

Embed pearltrees dans Facebook ?!

2010-06-10T11:02:00.000-07:00

Chi meusieur, ché pochible. Rien de plus simple (ou pas): suivre les étapes ci-dessous.
(note: ceci est un gros hack fait un matin la tête dans le cul)

Part I: Basic Status Update
1) Allez sur la page de cette application (oui il faut installer une app)
2) Choisir un titre
3) Choisir l'URL qui s'ouvre quand on clique sur le titre (de préférence la pretty URL de votre pearltree).
4) Choisir une description qui s'affichera sous le titre

Part II: Advanced Attachments
5) Cliquez sur l'onglet flash
6) Dans le champ URL ajouter: http://cdn.pearltrees.com/s/embed/getApp?
7) Récupérez le code d'embed de votre pearltree
8) Extraire la valeur du paramètre flashvars (qui commence par lang=en_US et fini par %2F).
ex: lang=en_US&amp;embedId=pt-embed-2-823&amp;userId=2&amp;userName=nicolas&amp;treeId=2&amp;pearlId=2&amp;treeTitle=nicolas&amp;site=www.pearltrees.com%2F
9) Dans ce bordel, remplacez les &amp; par des & et ajouter le tout dans le champ URL.
Le champ URL doit ressembler à: http://cdn.pearltrees.com/s/embed/getApp?lang=en_US&embedId=pt-embed-2-823&userId=2&userName=nicolas&treeId=2&pearlId=2&treeTitle=nicolas&site=www.pearltrees.com%2F
10) Dans la partie Preview Image, modifier l'URL de la preview par : http://cdn.pearltrees.com/embed/preloaderBackground.png

GG !
(un example)

La palme de la plateforme la plus "retro" ...

2010-06-04T09:38:00.000-07:00

J'ai déjà décerné avec une certaine émotion la palme de la plateforme la moins "user friendly". Aujourd'hui une plateforme s'est particulièrement fait remarqué en utilisant une bibliothèque javascript de 1872 (ou presque).

J'ai donc la plaisir de donner à Marianne2 la palme de la plateforme la plus "retro" en utilisant la bibliothèque javascript Prototype dans sa version 1.5.0._rc1 (non-stable) :)

participation@pearltrees.com

2010-06-03T10:34:00.000-07:00

Nous avions une tradition depuis le début de pearltrees: quand on tombait sur un bug moche on criait dans l'open-space BUG!!!! Bien entendu cette méthode de communication préhistorique était principalement utilisée par les non-tekos. Les tekos étant bien plus rafiné et communiquaient entre eux via bugzilla (notre outil de gestion de bugs).

C'est aujourd'hui de l'histoire ancienne. La modernité et la beauté des process d'un ancien consultant nous permet de gérer ça bien plus finement ;) Pour remonter un bug, ou simplement nous notifier un truc que vous trouvez bizarre, il vous suffit d'envoyer un mail à participation@pearltrees.com. Charles dit "Le Poulpe" s'occupera de balancer ça dans le bon tuyau pendant que Pierre-Etienne dit "La buse" suivra avec vous l'évolution de votre problème.

Detecting allowScriptAccess and allowNetworking parameters

2010-05-26T02:09:00.000-07:00

Flash parameters allowScriptAccess and allowNetworking values are not accessible within the application. Thus the only way to determine their value is to test them.

Detecting allowNetworking thanks to the flash SecurityError:

private function isNetworkingAllowed():Boolean {
   var isAllowed:Boolean = true;
   try {
      navigateToURL(new URLRequest());
      isAllowed = true;
   }catch(se:SecurityError) {
      isAllowed = false;
   }catch(e:Error) {
      isAllowed = true;
   }
   return isAllowed;
}

Detecting allowScriptAccess thanks to a javascript call:

private function isJavascriptInterfaceAvailable():Boolean {
   var isAvailable:Boolean = false;
   try {
      isAvailable = ExternalInterface.call("function () { return (window.document != null); }");
   }catch(error:Error) {
      isAvailable = false;
   }
   return isAvailable;
}

Voila, c'est la magie du cinéma !

Scoop sur @pedaviet

2010-05-21T10:15:00.000-07:00

@pedaviet n'est pas une grenouille cosmique, c'est une grosse buse !
(c'est cadeau)

La palme de la plateforme la moins "embed friendly"...

2010-05-19T10:52:00.000-07:00

Et oui et oui, ces derniers temps c'est un peu la guerre des codes. En effet les plateformes aiment bien modifier automatiquement le code d'embed que les rédacteurs ajoutent à leurs articles. Du coup j'ai pu découvrir depuis 1 mois des dizaines de plateformes qui défoncent notre code à la hache. Alors on bétonne comme on peut le code, mais parfois trop, c'est trop...

Alors roulement de tambour pour la plateforme la moins "embed friendly". Sont nominés:

Ning: pour enlever l'attribut data de l'élément object
Wordpress: pour enlever l'attribut id de l'élément object
LePost.fr: pour enlever l'attribut id et l'attribut type de l'élément object, pour y ajouter des attributs classid et codebase, pour forcer la position CSS de l'element object comme "relative" et enfin (mais non des moindres) pour ajouter une sous balise object sans flashvars et sans allowscriptaccess.

Et le gagnant est ... LEPOST !!! Bravo montez vite sur scène pour recevoir votre prix.

Citation du jour

2010-05-13T09:31:00.000-07:00

Samuel Tissier (aka The Spark):

"Côté serveur je m'en fout"

:) Grillé le Smuel !

Chrome Mac: les soucis, les soucis...

2010-05-11T02:55:00.000-07:00

Chrome Mac a des gros problèmes pour gérer les appels parallèles au javascript depuis flash. Il peut en résoudre un crash de la page web... Bah alors Google ? Des problèmes de parèsse dans ses développements sur Apple ? :) Anyway, I'm on it !

Faire des embeds de vidéo en autoplay + fulloverlay

2010-05-08T03:24:00.000-07:00

Si avez regardé le dernier embed de la cyno.tv, vous avez pu remarquer que les vidéos démarrent automatiquement et prennent 100% de l'overlay (l'overlay c'est la fenêtre qui s'ouvre quand vous cliquez sur une pearl d'un embed). Résultat: on ne voit plus la page youtube associée à la vidéo mais uniquement la vidéo.

Créer une perle ayant ce comportement s'effectue en 2 étapes et fonctionne pour youtube, dailymotion et vimeo.

Etape 1: Récupérer l'adresse de la vidéo et y ajouter l'autoplay

Etape 2: Récupérer l'url, charger la dans votre browser, et créer la perle avec votre addon ou les bookmarklets.

Résultat:

Have fun !

Object vs Embed: IE win !

2010-05-04T10:38:00.000-07:00

True story, dans l'histoire des standards web il ne faut pas croire qu'Internet Explorer a toujours été à la traine. Vous savez peut être que quand vous embarquez une vidéo dans votre site le code contient souvent une balide <object> et une balise <embed>. La balise en embed a été historiquement poussée par Netscape puis Firefox et vous savez quoi: ce n'est pas une balise valide ! (Bon ok, elle a été ajoutée depuis dans HTML5). Mais le fait est que la balise object a été toujours poussée par IE et est à l'avenir la balise à utiliser dans tous les embeds !

D'ailleurs depuis aujourd'hui, l'embed pearltrees n'utilise plus cette balise embed ! IE win !

Ayé !

2010-05-04T07:49:00.000-07:00

Et voila mon pearltree avec toutes les infos techniques de l'embed pearltrees:

Demain j'embed

2010-04-29T11:57:00.000-07:00

Et oui, et oui, demain il sera temps de faire mon premier embed sur ce blog. Une bien belle journée à venir (avec encore un peu de stress ;). Mais déjà, bravo à toute l'équipe des tekos !

C'est demain en fait :)

2010-04-28T12:39:00.000-07:00

Ouai je sais je me suis planté dans mon décompte... Mais demain c'est le Jour "J", on inonde le web de grosses perles ! :) Ca va être fun même si là je chie un peu dans mon froc à cause de kaboie (froc, kaboie, frokaboie, frocaboy, drole, ...): beaucoup trop de médias qui se prettent au jeu... sont cons ca marchera jamais :) ... c'est le minitel qui va gagner.

J-3

2010-04-27T11:02:00.000-07:00

On va encore dire que les blogues ne sont bons qu'à propager un ramassi d'information sorties de leur contexte. Mais je ne peux m'empecher de citer Alexis Le Lutier:

"Le java c'est pas bien"

Gniarf, gniarf... Sinon moi ça va, je viens d'apprendre qu'Obama embed le 29...

J-4

2010-04-26T12:28:00.000-07:00

Putain j'en chie...

Javascript injection from flash

2010-04-23T11:42:00.000-07:00

Moi je suis comme ça, je t'injecte du gros javascript dans ta page... mais toujours avec délicatesse :o
...
...
Bref, du code:

public static function alert(value:String):void {
   var js:XML = 
      <![CDATA[
         function() { 
            alert('{value}');
         }
      ]]>;
   var query:String = js.toString();
         
   query = query.replace('{value}', value);         
   ExternalInterface.call(query);
}
      
public static function replace(origin:String, find:String, replace:String):String {
   return origin.split(find).join(replace);
}

En effet j'avais déjà proposé cette méthode mais le JS était distant. L'avantage de la méthode ci-dessus, c'est que c'est plus léger et plus rapide.

La beta 0.7 de Pearltrees est en ligne !

2010-04-22T12:06:00.000-07:00

Toutes les infos ici.
Bravo à tous les dev latinos de Pearltrees !
Una iteración de puta mierda !

Faceboooom !

2010-04-21T14:44:00.000-07:00

Youhou Facebook ouvre ses données (pour l'instant en JSON) et recupère des métadonnées sur les pages web qu'on "like" (en RDFa s'il vous plait !). Un grand pas en avant pour le web des données et le web sémantique - et un gros coup dans le cul de Google ?

Preloader flash bugs with deep linking and anchors

2010-04-19T11:42:00.000-07:00

Youhou encore un billet de blogue avec un titre qui t'envoie des geeks à la pelle. Ouai aujourd'hui je me suis bagarré sur un bug flash plutôt chiant puisqu'il est marqué comme "closed" chez Adobe... alors messieurs, il faudrait arrêter de faire l'autruche et de se renvoyer la baballe, CE BUG IL EXISTE !! On dirait bien que le deep linking c'est pas vraiment le point fort de flash... Mais bon c'est pas ça qui nous empêchera de faire un embed qui déchire sa race ! ;)

Enfin bon pour aider mes amis flashers mexicain j'ai fait un petit pearltree sur le sujet avec un workaround:

Sinon demain je pixelise le monde ...

C'est le week-end !!!

2010-04-16T12:11:00.001-07:00

Ou pas...

Ouch

2010-04-15T12:29:00.000-07:00

La fin d'itération approche et les challenges techniques / temps se multiplient... Je reviendrai dessus encore demain...

La petite citation du jour revient à Dédé:

" Moi je trouve pas ça challenging.
C'est comme casser des cailloux dans une carrière. "

ExternalInterface + append + Javascript

2010-04-14T14:17:00.000-07:00

Comment ça je fais un titre pour remonter dans Google ? Même pas vrai. Voila un bout de code très pratique qui permet de charger dynamiquement depuis Flash du javascript dans une page.

public function addJavascriptToPage(jsFile:String):void {
   ExternalInterface.call("function() { " +
      "var head = document.getElementsByTagName('head')[0];" +        
      "var newScript = document.createElement('script');" +
      "newScript.type = 'text/javascript';" +
      "newScript.src = '"+jsFile+"';" +
      "head.appendChild(newScript);" +
      "}");      
}

J'ai pas testé, je regarde demain si ca marche. Ouai moi je suis comme ça, je partage du code bouillant ;)

Non, je ne suis pas mort...

2010-04-14T00:44:00.000-07:00

Rah hier j'ai oublié de d'écrire mon billet quotidien et paf ce matin 114 mails me demandant si LE TEKOS allait bien, voulant savoir ce qu'il m'était arrivé. Alors ne vous inquiétez plus brave amis codeurs, LE TEKOS EST A DONF !

Quand j'étais jeune je voulais être peintre...

2010-04-12T13:20:00.000-07:00

On se demandait ce midi (ouai on se demande des trucs de ouf le midi), quel est le meilleur detournemant de "la chutte"... et on était tous d'accord pour dire que c'était celle de l'agence web qui découvre le nouveau site de ségolène royale.. mythique :)

Sinon niveau nouvelle vidéos, le tekos est un peu à sec... Ah si ! J'ai bien aimé la bande annonce de ce jeu. Même si ca va pas vraiment me dépayser (on peut jouer un mexicain et manger des faritas dans un bistrot dégueux), je trouve le concept sympa pour faire du MMO.

Plus sérieusement...

2010-04-09T12:37:00.000-07:00

Aller dans une conférence du W3C sur HTML5 et défendre Flash, le rêve de tout #grostroll digne de ce nom. Comment ça j'en ai déjà parlé hier ? Je radote si je veux...

Alors plus sérieusement...

Rien de tel qu'une journée de flash après un event W3C

2010-04-08T10:56:00.000-07:00

Voila, après être allé hier soir à une conférence organisée par le W3C, j'ai fait une journée entière de flash :) Aujourd'hui j'ai pas écrit une seule balise HTML, pas effectué la moindre analyse de requête HTTP, et dans cet article je ne ferai aucun lien ! nah !

(bon allé je rentre vite chez moi pour écrire une lettre d'excuse à Tim -_-)

Roger le lapin : wtf ?!

2010-04-07T10:03:00.000-07:00

J'étais entrain d'analyser des requêtes HTTP (genre tu vois, pépouze) et là je vois passer une drôle de requête

http://www.youtube.com/roger_rabbit ... J'étais effectivement en mode "browse" dans pearltrees, mais la page youtube chargée n'avait rien à voir: une recette à base de haricots blancs et de yogourt. Du coup que vient foutre cette requête roger_rabbit !? Un oeuf de pâques de geek qui coute des milliers de $ en bande passante ? Wtf ?

Des problèmes de stabilité avec Flash Builder 4 ?

2010-04-06T11:35:00.000-07:00

Du coup je penses pas conseiller mes collègues méxicains d'effectuer la migration. Crash intempestifs, builds qui partent en boucle, on va dire que ce sont des problèmes de jeunesse... mais bon ça peut vite gaver étant donné que Flex Builder 3 était plutôt stable. Faut dire que je l'avais un peu cherché en installant JDT.

Alors après que l'agent Lauthier est pensé tout haut...

"mais il faut vraiment être trop con pour installer JDT uniquement pour Ant"

... j'ai décidé d'utiliser Ant en standalone via ligne de command et depuis plus de crash. Je me suis même fait un petit .bat car je suis une grosse feignasse.

Bref Flash Builder 4 à pearltrees, c'est pas pour tout de suite.

Le plus grand musicien de tout les temps ?

2010-04-04T09:01:00.000-07:00

Car il n'y a pas que le code dans la vie, un peu de musique de par chez moi...

Ayé embed prototypé :)

2010-04-02T10:40:00.000-07:00

Et ça va envoyer du pâté ! Désolé j'ai pas d'URL à vous filer, je fais just monter un peu le buzz ! ;)

Deep linking de Flex via history.js ?!

2010-04-01T11:23:00.000-07:00

Le fichier history.js de Flex c'est du gros caca. Il sert a quoi ce truc ? Il permet de faire du deep linking dans votre application. Le deep linking ça permet de lier l'URL de votre page à un état de votre application Flex. Ainsi vous pouvez utiliser les boutons back / forward de votre navigateur et partager une URL qui fait référence à un endroit précis dans votre site. Jusqu'à présent nous utilisions la méthode par défaut de Flex et ce fameux fichier history.js... C'est maintenant terminé ! Comme beaucoup d'autres sites (flash ou ajax) nous utiliserons prochainement le composant SWFAddress (Open Source et compatibles avec pleins de browser). J'ai rapidement crée un projet Flex 4 et devinez quoi, Flex utilise toujours ce fichier dans sa nouvelle version plutôt que d'intégrer SWFAddress... #fail ?

En attendant le deep linking ...

2010-03-31T09:48:00.000-07:00

Demain je vous fais rêver avec le deep linking sous Flex, alors pour vous faire patienter une vidéo de EL GRINGO:

Je me suis fait un petit cadeau :)

2010-03-30T13:47:00.000-07:00

Et oui, et oui, dans la vie il faut savoir se faire plaisir, j'ai donc installé ce matin Flash Builder 4 ! Ce que j'ai pu remarquer tout de suite c'est une compilation plus rapide et plus intélligente (vous pouvez bouriner sur ctrl-s, ça passe !). J'ai aussi eu l'occasion de faire joujou avec le profiler qui a été lui légèrement améliorer (même si captain Alain dit que non).

Et pi une mention spéciale à la grenouille cosmique qui lui aussi vient de créer son blog et qui visiblement ne sait pas encore embed une vidéo à la bonne taille, on lui pardonne.

CAPTAIN ALAIN !!

2010-03-29T11:40:00.000-07:00

Heh chef, on va avoir des problèmes pour mettre en cache notre embed puisque les paramètres d'initialisation sont passées dans l'URL... Comment qu'on fait ?

<CAPTAIN ALAIN !!>

Hey, ptit gars, t'as pensé aux FlashVars ?

</CAPTAIN ALAIN !!>

Merci captain alain, t'es vraiment le plus fort... -_-

IE est méchant avec moi

2010-03-27T09:33:00.000-07:00

C'est le weeeek-end, alors même si c'est un yankee, je vous propose cette petite balade qui est un peu l'histoire de ma vie:

Mais tu vas le defer ton javascript !

2010-03-26T12:26:00.000-07:00

Quand vous embarquez un petit bout de code javascript dans votre page vous feriez bien de vérifier que la mention defer="defer" y est ataché. C'est une bonne pratique qui devrait à mon avis se généraliser d'autant plus que les navigateurs commencent à se standardiser sur ce point. En gros cela permet au javascript de s'éxecuter qu'au moment ou le DOM de votre page HTML a fini d'être analysé. Pour l'instant on ne l'implémente pas dans les embed de perle mais on pourrait bien l'ajouter lors de la sortie du très attendu "grand embed".

Embed toujours, on a mis notre javascript sur le CDN, ca devrait permettre aux pages ayant embarquées des perles de se charger plus vite et d'être plus résistant à une indisponibilité de service.

Sinon si vous avez du temps à perdre ce week-end j'ai trouvé une nouvelle source de trucs à la con avec des ours qui rendent épileptiques.

Copain

2010-03-25T12:01:00.000-07:00

Si señor, le camarade jegoun ne boit pas de tequila - à ce qu'il parrait il tourne à la bière - alors ok, il boit de l'alcool de fillette, mais je vous conseille quand même vivement de suivre son blogue, c'est de la bonne.

Journée FF: Flash en overlay et mise à jour de l'addon

2010-03-24T12:33:00.000-07:00

Deux mauvaises surprises aujourd'hui. Tout d'abord la découverte d'un bug sur Firefox qui date de 2001. En gros quand vous passez le conteneur d'un objet flash à display:none le flash va se recharger quand vous le passerez à display:block. Un problème bien relou quand vous développez un overlay (ou une application à base de tab) et que vous y embarquez du flash. A priori le workaround ne devrait pas être trop dur à implémenter puisque le problème ne se pose pas avec le paramètre CSS visibility. Par contre je n'ai pas trouvé de workaround propre pour JQuery, en effet j'utilise le plugin overlay de JQuery.

Deuxième petite suprise cette fois liée à notre procédure de mise en production de l'addon Firefox de pearltrees. On s'est retrouvé avec un mauvais paramettre version dans notre nouvelle release. Les addons publiées avaient pour version @version@ ce qui rendait toute nouvelle mise à jour impossible. Heureusement on s'en ai rendu compte en 5 minutes et le poulpe, ami du tekos, a pu déployer ses tentacules sur les servers pour sauver la situation ! :)

Le mardi c'est point produit

2010-03-23T12:02:00.000-07:00

Tout les mardis on fait une revue des avancées du produit. Aujourd'hui grosse mise à jour du planning suite à l'évolution du pricing de l'implémentation de l'embed pearltrees.

Ce qu'il faut retenir, ce n'est pas tant le fait que le pricing était faux, mais plutôt le fait de toujours rester dans la capacité d'être réactif et d'effectuer un bon suivi de l'évolution des problématiques techniques. Nous avons donc pu nous adapter et modifier le planning de l'itération en fonction.

Maintenant au boulot, il va falloir envoyer du gros pour obtenir l'embed de rêve que la communauté pearltrees attend de pied ferme !

Les namespace en Javascript... Quand mozilla te casse les noix

2010-03-22T12:25:00.000-07:00

On vient de se rendre compte que AMO (le site d'addon de mozilla) n'avait pas valider notre dernière mise à jour. Pourquoi ? Car nous utilisons des prefix plutôt que des namespace pour gérer la problématique d'unicité des variables en javascript.

Bon alors le titre de mon article est un peu abusé, car en vérité c'est une très bonne pratique à adopter.

Voila l'article qui fait référence sur le sujet pour la communauté mozilla.

Du coup j'ai rajouté un petit alias dans mes Class, histoire de pas avoir à me tapper le namespace en entier toutes les 2 minutes. Ce qui donne des classes du genre:

com.pearltrees.myClass = {
    pt:com.pearltrees,
    
    myFunction: function() {
       this.pt.otherClass.otherFunction();
    }

    //...
}

Du coup j'ai viré toutes mes "const" et mes variables globales. Bref c'est cool mais ca m'a bien miner mon lundi :( Je pense que LE TEKOS a bien mérité son mojito :D

Le blog du tekos

2010-03-21T11:05:00.001-07:00

Et c'est parti, on va envoyer de la grosse faritas !