Le premier t-shirt est arrivé (mais celui-là, je l’ai payé)

Quand je suis arrivé chez moi ce soir, j’ai tout de suite vu la grosse enveloppe molle qui m’attendait patiemment ! Je l’ai ouverte et j’ai découvert le t-shirt Frittibet que j’ai commandé la semaine dernière et qui fait un petit buzz dans la blogosphère.

Même si Damien et Thomas expliquent ça à merveille, je souhaite quand même rappeler que toutes les recettes générées par la vente du t-shirt seront reversées à une association active au Tibet. Allez y gaiement donc, c’est pour la bonne cause !

Frittibet

N’hésitez pas à m’envoyer vous aussi vos t-shirts ! Vous trouverez toutes les informations utiles sur ce billet.

En vrak – 77

* Profitez du format RSS pour suivre vos séries TV avec mytvrss !
* Les meilleures blagues en rapport avec la programmation. Si vous ne comprenez pas, ne vous inquiétez pas, vous êtes un être humain sain et normal…
* Défoulez-vous sur ces têtes à claques ! Ils le méritent quasiment tous ! (certains plus que d’autres, par contre)
* Un wiki pour les travailleurs du Web !
* oEmbed : un format révutionnaire pour représenter une version embarquée d’une URL. J’ai hâte de tester ça sur un projet.
* UFC84 : un autre faisant de la en Flash via Papervision3D. Ames sensibles s’abstenir !
* Gigantesque liste d’éditeurs de texte sur Smashing Magazine.
* Les slides de la présentation de Simon Willison au XTech 2008 : Unobtrusive JavaScript with jQuery.
* N’oubliez pas d’acheter votre t-shirt Frittibet sur Manteela !
* Dragonfly est le nouvel outil de debugging d’Opera Software (ce sera le Firebug du navigateur Web Opera).
* BHV pour les nuls !
* brightkite : un réseau social basé sur la géolocalisation.
* Tania Derveaux aime bien se foutre à poil pour les bonnes causes : maintenant, elle défend la neutralité sur Internet.
* Penisbook : une campagne originale de lutte contre le sida…
* Envie de programmer des applications pour l’iPhone ? Ce livre est fait pour vous !
* Hello World dans toutes les langues et tous les langages de programmation.
* StopForwading.Us est un service qui demande poliment et anonymement à vos amis d’arrêter de vous spammer.
* Blog à propos du design de blog.
* Addictomatic : un méta-moteur de recherche à la réalisation très intéressante.
* Pour finir, même si ça peut sembler évident pour la plupart d’entre vous, voici six exemples d’endroits où il n’est pas pertinent de mettre du Flash.

Solidarité bloguienne !

Merci à Olivier (NSFW) pour le soutien qu’il apporte à l’action humanitaire pour me rhabiller ! J’ai été torse nu au boulot aujourd’hui, il est grand temps que le premier t-shirt arrive…

Promis, je vais reparler de trucs intéressants ici dans les jours qui viennent. Je suis en ce moment sur mes premiers vrais projets Flash/ActionScript et ça me bouffe tout mon temps. Cependant, j’apprends vraiment beaucoup (y a quasi plus de place là haut pour stocker tout les informations que j’accumule) et je me ferai un plaisir de partager avec vous quelques unes de mes découvertes dans les prochains jours !

Je suis tout nu ! Rhabillez-moi !

Ca ne marchera jamais et ça va être la honte mais je tente quand même…

La situation est la suivante : l’été arrive et je n’ai presque plus de t-shirts. Enfin, j’en ai encore mais la plupart sont usés car que je les ai trop mis et j’en ai marre de les voir (et j’imagine que les gens de mon entourage aussi) !

Je vous propose donc la chose suivante : si vous avez une organisation quelconque c’est-à-dire une entreprise, une association, un blog ou encore un groupe de rock, envoyez-moi vos t-shirts !

Ce que je vous propose en échange est une visibilité accrue sur ce modeste blog. J’entends par là un billet entièrement dédié à votre organisation et au t-shirt (avec une photo de moi le portant dans le style TDW). Inutile de dire qu’il doit bien entendu y avoir un lien entre le t-shirt et votre organisation.

Ensuite, vous aurez droit à un backlink très bien placé (tout en haut de la colonne de gauche) + un lien vers le billet rédigé auparavant (histoire que le backlink ne tombe pas du ciel). Tous ces backlinks (si mon buzz à la con fonctionne) seront affichés jusqu’au 31 décembre 2008.

Même si ça ne marchera jamais, je vous remercie d’avance !

NB : Ma taille est L et mon adresse postale se trouve sur ma page de contact ! N’hésitez pas à me contacter sur vincent[dot]battaglia[at]gmail[dot]com pour en savoir plus…

En vrak – 76

* Version animée d’Homer en CSS
* Tutorial pour créer une galerie “parallaxe” en Flash
* Adobe s’ouvre encore un peu et lance l’Open Screen Project
* Fantastique extension del.icio.us pour Firefox 3
* got milk?
* twistori est une nouvelle expérimentation avec l’API Twitter. Inutile mais sympa !
* Arrêtez d’utiliser AJAX !
* Outil de nettoyage de l’HTML pourri généré par Word
* 30 techniques et exemples CSS
* Faites régime sur le Web grâce à Doxys. Ca marche pour kooolman !
* Analysez votre flux RSS FeedBurner avec Feed Analysis !
* 50 façons d’aider la planète
* Après le parallaxe en Flash, voici le parallaxe en full CSS (redimensionnez la fenêtre pour comprendre). La technique est expliqué dans cet article.
* QuickTime est meilleur que Flash (?)
* Les 10 erreurs les plus commises lors de l’élaboration d’une application Flex
* Un lecteur de vidéo en JavaScript !
* TwittEarth : l’idée n’est pas nouvelle mais elle est ici très bien réalisée !

Flash et problèmes de compatibilité !

On pourrait penser qu’en Flash, les problèmes de compatibilité entre navigateurs et systèmes d’exploitations n’existent pas ! Et bien non, c’est une légende urbaine !

Aujourd’hui, j’ai essayé d’ajouter deux bêtes fonctionnalités au Twitter3D de Michaël. Vous pouvez admirer le résultat ici (le seul fichier qui change par rapport au code de Michaël est Twitter3D.as). Les fonctionnalités en question sont :

* Afficher un input pour pouvoir choisir le compte dont on souhaite afficher les tweets.
* Pouvoir naviguer avec la roulette de la souris.

Pour la première fonctionnalité, je n’ai eu aucun problème. Essayez en tapant “Vinch01” ou “michaelvillar“, ça fonctionne. Il faut juste que j’améliore l’ergonomie car cet input ressemble à une barre de loading qui ne se loade pas !

Pour la seconde fonctionnalité, en revanche, j’ai eu l’immense surprise d’apprendre que la gestion de la roulette de la souris en Flash ne fonctionne pas sur Mac ! Il a donc fallu utiliser un bon vieux hack ! L’explication du hack se trouve sur ce blog. En résumé, il faut, d’une part, importer une librairie dans le fichier Flash et d’autre part, ajouter un petit JavaScript dans le fichier HTML qui contient le SWF. C’est complètement tordu mais quand on fait aussi du XHTML, CSS et JavaScript, on est habitué à ce genre de choses. Je suis un peu déçu car je pensais que le verbe “chipoter” ne faisait pas partie du vocabulaire Flash. En même temps, c’est pas trop grave, l’important c’est qu’il existe une solution relativement robuste pour réparer tout ça…

Et de votre côté, vous connaissez d’autres problèmes de compatibilité dans Flash ? Ca pourrait m’être utile, je commence les choses sérieuses dans très peu de temps !

La 3D débarque sur le Web !

C’est une réalité ! Si 2007 était l’année de la vidéo sur le Web, 2008 est incontestablement en train de devenir l’année de la 3D sur le Web ! En effet, en ce moment, il ne se passe pas un jour sans qu’on voie fleurir un nouveau site ou une nouvelle démo totalement en trois dimensions. Je vous propose de faire un petit tour non exhaustif des technologies qui permettent, aujourd’hui, de faire de la 3D sur le Web…

JavaScript

Oui, faire de la 3D en JavaScript, c’est possible ! Néanmoins, cela reste juste de belles performances technologiques, sans plus. Même si le travail accompli est fantastique, je ne pense pas que ces triangles qui tournent sur eux-mêmes et 3D Tomb II (un doom-like) vont revolutionner le Web. JavaScript n’est pas adapté pour faire de la 3D et ne le sera sans doute jamais. Je pense qu’on peut définitivement oublier cette voie.

HTML 5 + JavaScript

Autant le JavaScript utilisé seul et la 3D n’ont aucun avenir, autant le JavaScript couplé avec la puissance du tag canvas d’HTML 5 peut s’avérer une solution très efficace pour faire de la 3D.

canvas est un tag HTML 5 qui permet (via JavaScript) de faire du dessin en 2D et 3D et de l’édition de photos (le tout pouvant être animé). Il est actuellement implémenté par les navigateurs Gecko, Safari et Opera. Il devrait plus que probablement être implémenté dans Internet Explorer 8, si Microsoft tient ses promesses…

Je vous propose de lire ce très bon tutorial sur le Mozilla Developer Center. Ensuite, allez jeter un oeil à cette démo pour vous faire une idée de la puissance du tag canvas ! C’est autrement plus impressionant que 3D Tomb II !

Flash

Même si canvas est très prometteur, Flash reste aujourd’hui LA meilleure solution pour faire de la 3D sur le Web. Cependant, il faut savoir que Flash n’implémente pas la 3D en natif (ce sera le cas pour Flash 10). Il faut en effet importer des librairies externes pour arriver à nos fins. La plus connue reste Papervision3D mais d’autres comme Away3D et Alternativa tirent également leur épingle du jeu. Si vous en voulez plus, elles sont toutes listées sur cette page.

Quelques exemples marquants :

* In An Absolut World (Papervision3D)
* Flower By You (Papervision3D)
* whitevoid (Papervision3D)
* Monster Burnout (Papervision3D)

Et le meilleur pour la fin : Promenade dans un magnifique décor avec Alternativa !

Tous ces exemples montrent qu’on peut sans plus attendre commencer à faire de la 3D sur le Web. Selon moi, le problème majeur est d’arriver à trouver des interfaces et des systèmes de navigation efficaces en 3D, c’est qui encore loin d’être gagné pour l’instant !

De plus, il ne faut pas oublier que la plupart des informations seront toujours plus efficacement présentées en 2D et que la 3D n’est pas une évolution et une solution à tout !

N’empêche, c’est vraiment grisant de voir à quel point ça évolue rapidement en ce moment… Et ça ne fait que commencer !

BarCamp Lille le samedi 24 mai 2008

Comme Mich, je participerai également au BarCamp Lille le 24 mai prochain.

Si vous ne le connaissez pas, le concept de BarCamp est simple : on dit qu’il s’agit d’une non-conférence car personne n’est spectateur, tout le monde doit apporter sa pierre à l’édifice d’une manière ou d’une autre. L’événement met l’accent sur les toutes dernières innovations en matière d’applications internet, de logiciels libres et de réseaux sociaux. Un truc de geek quoi !

Lors de ce BarCamp, nous présenteront le site Pikaboo dont j’ai déjà beaucoup parlé ici. Nous y aborderons l’aspect technique bien entendu, car seront mis sur la table des sujets tels que les composants Open Source qui ont permis de construire le site, des choix que nous avons fait de ce point de vue (pas de Flash, QuickTime), mais aussi du buzz que le site a généré (et génère encore) et des problèmes que nous avons rencontré avant, pendant et après (plagiat) la conception du site.

N’hésitez pas à participer vous aussi, c’est gratuit, c’est pas loin et ça permet de faire de sympathiques rencontres.

Vous trouverez plus d’informations sur le blog et le wiki du BarCamp Lille.