Pôle Web

webdevfr : Newsgroup

2008-09-27T17:57:00.003+02:00

Je viens de mettre en place un Newsgroup nommé "webdevfr" sur la plateforme de Google Groups.
Celui-ci est destiné à rassembler les professionnels francophones du développement web et de leur permettre d'échanger tout simplement.

L'idée existait dans ma tête depuis longtemps, l'avantage aux blogs c'est que ça prend moins de temps, que c'est plus communicatif que des forums, et que le tout repose sur des RFC et des protocols existants depuis les débuts du web, donc accessible par une tonnes de solutions logiciels desktop et web.

Je vous invite à vous y inscrire sur groups.google.fr/group/webdevfr.

La rentrée du web [2]

2008-09-14T15:31:00.002+02:00

Je vous l'annonçait récemment, il y a quelques rendez-vous à ne pas rater en ce mois de septembre.

J'ai pu assister à l'atelier optimisation et performance web au W3Café, présenté par Mathieu Pillard, Anthony Ricaud et Eric Daspet, ce dernier vient d'ailleurs de publier les slides sur son blog.

Ce jeudi, je serais présent au Google Developer Day à Paris, celui-ci se tiendra à l'Ecole Nationale Supérieure d'Architecture (ENSA).

Mais surtout, samedi, au Mozilla Add-Ons Workshop (Miaou pour les intimes ;p), qui se tiendra à La Cantine, c'est l'occasion de faire connaissance avec les technos, la communauté et les gens de Mozilla :) Viendez !

Et en bonus ... Paris-Web vient de publier son programme, les inscriptions ne devrait pas tarder ... Et comme vous pouvez le constater, il y aura du lourd cette année :)

La rentrée pour Songbird !

2008-09-09T20:07:00.004+02:00

Après le déploiement de la version 0.7, Songbird passe officiellement en version bêta...
Ce qui annonce également la prise en compte beaucoup plus importante de la qualité finale du logiciel.

Actuellement il reste quelques différences de composants entre Windows, Mac et Linux, on notera l'intégration partielle de GStreamer dans Mac/Nux alors que la migration vers GStreamer est terminée sur Windows.

Bref cet article est également l'opportunité d'annoncer la sortie de MorningPeeps 0.2 et d'appeler au beta-testing et aux feedbacks de tout le monde :)
Ainsi que la sortie de Songbird 0.7 pour PowerPC, et le développement en cours de la 0.8PPC ... merci la communauté :)

Finalement, la communauté de Songbird francophone est réellement existante et nous pensons qu'il serait intéressant de renforcer sa présence en communicant d'avantage ... J'en reparlerai prochainement, n'hésitez pas de m'envoyez vos idées :)

Google Chrome, révolution ?

2008-09-02T21:18:00.004+02:00

Google Chrome vient de pointer le bout de son nez, il est disponible en téléchargement pour Windows pour l'instant, Mac et Linux suivront très prochainement...

Révolution donc ?

Oui, clairement, d'une part parce que l'acteur internet numéro 1 s'engage dans une bataille contre les technologies web propriétaires et fermée, tel que celles propagées par le géant de Redmond, par son fabuleux navigateur Internet Explorer, qui même en version 8 aura toujours 10 ans de retards ...

Et de plus, pousse les limites technologiques et ergonomiques encore plus loin...
Technologiquement il est équipé du moteur de rendu open-source WebKit, et du moteur JavaScript open-source V8, en y ajoutant des innovations sorti tous droits de chez Google, tel que le gestionnaire de tâches web et donc la gestion de la performance différente aux autres navigateurs, la sandbox, Google Gears, ... et également une fonctionnalité proche de Mozilla Prism...

Ergonomiquement, Google reprend également beaucoups d'idée de Mozilla et Opera, ils s'inspirent entre autre du projet "New Tabs Project" de Mozilla, l'Awesomebar, les ajouts de favoris en un clic, et innove encore une fois ici en créant des onglets internes, évitant ainsi de se perdre entre les applications, les popups, les onglets, ...

Mais c'est du vol ?!

Non, autant que Google utilise, rappelons le, des idées et du code open-source et libre de Mozilla et WebKit, ils contribuent à l'open-source en diffusant leurs idées et leur code.
Un site dédié chromium.org a été mis en place pour tout le monde :)

Quid de Mozilla ?

Comme l'ont dit John Lilly et Tristan Nitot, la mission de Mozilla est de promouvoir un web ouvert, participatif et qualitatif. Google avance exactement dans cette direction en proposant son navigateur, basé sur des technologies ouvertes et libres.
Mozilla continuera à évoluer, à innover et à améliorer le web, autant que le fera WebKit et maintenant Google, plus il y a d'acteurs, plus l'évolution risque de s'accélérer, et plus rapidement nous pourrons bénéficier d'un web de plus en plus qualitatif :)

Bon j'avouerai que je suis un peu optimiste, mais, connaissant la puissance marketing de Google, Microsoft risque de perdre de plus en plus d'utilisateurs ...
Google vient d'ailleurs de mettre en place un lien vers Chrome sur la page d'accueil ... certainement la page la plus vue d'internet ...

Allez Microsoft, rien n'est perdu, peut-être que le futur IE 9 sera l'occasion de s'aligner enfin avec les éditeurs ?

La rentrée du web !

2008-08-24T12:35:00.002+02:00

Il y aura quelques dates à planifier dans son agenda pour ce mois de septembre...

La rentrée devrait être relancée par le W3Café (anciennement WaSPCafé), ce n'est pas officiel encore, mais à priori cela devrait se dérouler le 5 septembre dans les locaux de l'IESA comme les éditions précédentes...
Le programme n'est pas encore connu, mais ma boule de cristal m'annonce une apparition d'un membre du W3C pour nous parler de CSS 3.

Ce qui est officiel par contre, c'est le Workshop organisé par XULFr en partenariat avec Mozilla, celui-ci se déroulera le 20 septembre à La Cantine.
Vous pourrez assister à des conférences de Brian King (mozdev.org) et Wladimir Palant (AdBlock Plus) suivit de cours, au choix : Javascript, FUEL, XPCOM++, XULRunner, XUL, ...
Sachez que si vous habitez hors région parisienne, une aide financière pourra peut-être vous être attribué... Plus d'infos sur MAOW.

Viendez ! À bientôt :)

Accessibilité : moteurs de recherches

2008-08-06T02:14:00.004+02:00

Nombreux sites intègrent des moteurs de recherches interne à ceux-ci, permettant de chercher dans les pages du sites, voir à l'extérieure.

L'emplacement des moteurs se trouvent souvent en haut à droite ou à gauche (voir au centre), ceci permettant de directement les repérer et de les utiliser.

Jusque là tout va bien, du moins, si vous aimez utiliser votre souris pour allé péniblement cliquer dans cette zone de recherche, les touches de tabulation ou si vous êtes chanceux et que vous possédez une extension/navigateur qui vous indique l'accesskey du moteur, chose qui est souvent omise par les développeurs, mais bon, arrêtons d'en demander trop ...

Ce qu'il manque donc, c'est un raccourci clavier généralisé sur l'ensemble des sites webs, donnant directement accès à ce moteur de recherche, comme on peut le faire par un Ctrl+F (Win/Nux) ou Cmd+F (Mac) dans la majorité des logiciels.

Personnellement je verrai bien la généralisation du raccourci "ALT+F" celui-ci serait compatible multiplateforme, multisite, et n'interagirerait pas, à priori, avec les raccourcis du navigateur ou du système d'exploitation ...

Qu'en pensez-vous ?
[2:22am] Roger over.

MorningPeeps 0.1

2008-07-19T17:54:00.003+02:00

Je viens de poster mon extension "MorningPeeps" pour Songbird.

C'est un réveil, vous pouvez définir les jours et une heure auxquels Songbird lancera aléatoirement la musique dans votre bibliothèque musicale.

Vous pouvez le télécharger par ici sur Songbird Addons

N'hésitez pas de me rapporter des bugs ou de faire des demandes d'améliorations :)

En vrac, c'est la mode.

2008-07-13T20:09:00.004+02:00

Bon ça fait un peu 1 mois que je n'ai rien écrit, prit par le boulot, les sorties, et récemment les vacances.

Paris Web

La nouvelle équipe de PW a annoncé les dates pour 2008, le 13, 14 et 15 novembres 2008.
Les inscriptions ne sont pas encore ouvertes, mais ça ne saurait tarder.

L'Europe en badtrip

La virée anti-libertaire face aux NTIC prend de l'ampleur, après le projet de loi français HADOPI, destiné à permettre le filtrage des sites aux niveaux des Fournisseur d'accès et le projet de loi européen 'pro-artistique' (comprennez pro-major du disque qui s'accroche à la vente de CD) que je résume dans un ancien article.
Cette dernière vient de prendre une tournure très effrayante, celle-ci est destinée à définir des logiciels utilisables sur internet.
Ce qui risque de vous faire perdre le droit de développer des logiciels libre et open-source sous toutes ces formes.
Un frein énorme à la créativité et à l'innovation des NTIC promu par l'union présidée par la France ?
Bref tous les détails chez la quadrature du net.

Come down !

Pour vous détendre je vous propose un petit jeu nintendo en javascript, Spacius.
Et puis si vous êtes en soif de news, je viens de publier mon registre de flux RSS sur netvibes.

PNGHack 1.0.1

2008-06-19T23:47:00.002+02:00

Cette nouvelle version de PNGHack apporte un patch du à un bug sur la vérification de navigateur sur Firefox 3, ainsi qu'une nouvelle fonctionnalité, dont bénéficient les méthodes hackClass() et hackExtension(), appelée 'scope', permettant de définir un noeud DOM, à partir duquel le hack s'appliquera à ses enfants.

De plus, PNGHack dispose maintenant d'un blog anglophone, annonçant ainsi publiquement, au delà du groupe de discussion, les nouveautés, améliorations, introductions, etc ...

Télécharger PNGHack 1.0.1

Firefox 3 et Firefox 2 en parallèle

2008-06-18T14:18:00.002+02:00

Avec la sortie de Firefox 3, qui a déjà généré plus de 6 millions de téléchargement en moins de 20h, un problème important ce pose en sachant que les utilisateurs de Firefox 2 existeront toujours en minorité et que Firefox 2 n'invite pas encore à migrer vers Firefox 3.

Comment vérifier le rendu de site sur le nouveau moteur Gecko 1.9 et l'ancien 1.8.1 de Firefox 2 ?

Personnellement je vais faire comme pour Firefox 2 et Firefox 1.5.
J'installe la version précédente de Flock, la version 1.2 utilise actuellement le moteur de rendu de Firefox 2, tout en installant Firefox 3.

Et le tour est joué :)

Slideshow PNGHack

2008-06-15T15:54:00.002+02:00

Voici une petite présentation anglophone de la mission du projet PNGHack

| View | Upload your own

Twittons ensemble !

2008-06-13T21:04:00.002+02:00

J'ai toujours eu du mal à me lancer sur les derniers services web "hype 2.0" ... Je viens donc d'adopter Twitter, une sorte de Flux RSS que je mes à jour en temps réel, et dont mes amis ou non peuvent en suivre l'évolution...

Ayant souvent la flemme d'écrire des articles sur mon blog, je vous invite à jouer à big brother, et de connaitre ainsi toutes les couleurs et formes de ma vie passionante de geek. Follow me !

J'ai également ajouté un petit badge sur la droite du blog, qui indique ce que je fais en temps réel ...

C'est pas mignon tout ça ?

Firefox annoncé pour le 17 juin

2008-06-13T01:19:00.002+02:00

Cela fait un peu plus de 24h que Mozilla a annoncé la date du 17 juin (heure trans-atlantique) pour le lancement officiel de Firefox 3, donc le 18 juin chez nous en France, sur le vieux continent.

Réjouissant d'autant plus que plus d'1 100 000 personnes ont promis de télécharger Firefox 3 le jour de son lancement.

Demain aura lieu un dernier "testday", destiné à vérifier la stabilité de la version RC 3 de Firefox, qui a du être éditée pour contrer un bug survenu après la mise à jour de Mac OS X 10.5.3

Des "Firefox launch party" auront lieu un peu partout dans le monde, et je pense que Tristant Nitot nous invitera à boire un coup dans un bar Parisien pour l'occasion ... Suivez donc son blog si ça vous intéresse.

PNGHack 1.0 est dispo !

2008-06-12T00:37:00.003+02:00

Après 5 versions beta et une version "Release Candidate", PNGHack 1.0 est fin prêt à être distribué.
Cette version finale apporte une dernière mise à jour au niveau du nommage des méthodes.
Go, crush et hack, se voient renommés en hackClass, hackExtension et hackElement.
Hormis cela, les fonctionnalités sont bien celles ayant été finalisées en beta 5 et le code "core" celui de la RC 1.

PNGHack 1.0 impacte aussi le site bénéficiant dès à présent d'un onglet "Downloads", d'une mise à jour de la documentation, et d'un archive d'exemples d'utilisations.

Le futur de PNGHack ?
Avant tout le projet va se concentrer sur l'implémentation du support des propriétés background définies en CSS 2.1.
Une première version beta de PNGHack BB (Background Branche) devrait être disponible dès la semaine prochaine, se basant partiellement sur le core de PNGHack 1.0 et supportant background-image, background-repeat et background-color.
La branche PNGHack ne sera pas délaissé pour autant, quelques nouveautés seront apportés dans les prochaines semaines...

N'hésitez pas de rapporter des bugs ou des demandes ou de rejoindre le groupe de discussion.

On veut tout savoir sur vous !

2008-05-31T14:00:00.005+02:00

Mise à jour du 7 juin 2008 :
Tristan Nitot a relayé une information concernant un projet de loi français équivalent, visant à filtrer les réseaux.

Personellement je perçois cela comme un important trou de sécurité, imaginez les données de tous les européens concervez à un seul et même endroit ...
Ooooh quelle aubaine pour les pirates, gouvernements et majors internationaux...

Article original :
"Quiconque est prêt à sacrifier sa liberté pour une sécurité provisoire ne mérite ni l’un ni l’autre" - Benjamin Franklin

Un petit article dédié à dénnoncer un projet de loi scandaleux qui devrait être adopter d'ici juillet par le parlement européen si personne n'intervient ...

Celui-ci est en train de mettre en place un projet de loi visant à autoriser l'installation de logiciel espion contre votre plein gré sur les composants et logiciels informatiques dédié à tracer vos activités sur internet.
Un projet de loi extrêmement encouragé par la France ..ha bah tien, merci la droite.

C'est quoi la prochaine étape ? Des puces electroniques dès la naissance ? Des caméras dans nos appartements ? Un flic par personne ?

Bref vous l'aurez compris, la liberté d'expression et les droits de l'homme sont extrêmements menacés par le culte de l'inculture au profit de l'argent, comprenez les majors de l'audio-visuelle !
Si vous vous sentez concerné, signer cette pétition ne vous prendra que 3 minutes :)

Plus d'info sur le monde.

Désolé pour ce petit passage politique, disons qu'il s'agit indirectement d'une atteinte aux technologies web et que le manque de médiatisation me fait rager.

Firefox 3 : Download Day 2008

2008-05-30T10:07:00.003+02:00

La sortie de Firefox 3 est toujours prévue pour ce mois de juin et c'est l'occasion de faire péter un record !
Firefox 3 a l'ambition d'être le logiciel le plus téléchargez en un délais de 24h.

Vous voulez participer ? Bien ... car la France affiche pour l'instant un misérable 5000 à 10000 participants, alors que les USA frôlent les 500000...

Pour participez rien de plus simple que de promettre et de télécharger Firefox 3 le jour de sa mise en ligne :)
Et de promouvoir cet évènement par tous les moyens.

Si vous êtes un utilisateur de Facebook, n'hésitez pas à rejoindre les groupes relayant l'information ...

Notez que Firefox 3 est en finalisation et que la communauté est solicité pour participer au Test Day de la Release Candidate 2 d'aujourd'hui :)

A bientôt à la Firefox 3 Party ? :D

PNGHack 1.0 RC1 !

2008-05-28T17:51:00.005+02:00

On y arrive ...
Cette version "Release Candidate 1" n'inclu plus de nouvelles fonctionnalités, cette partie de développement était réservé aux versions bêtas.

Il s'agit maintenant de finaliser cette bibliothèque javascript, d'améliorer son code et sa stabilité, chose qui a donc été faite, puisqu'il y a eu une minification du code pour les lignes redondantes, une amélioration de code dédié à éviter les conflits CSS, et une approche de la méthode hack() plus confortable pour le développeur finale.

Cette version passera en version final 1.0, si aucun bug n'est déclaré avant 2 semaines.

Le développement ne s'arrêtera pas là, une version 1.1 prévoit des apports de fonctionnalités pour faciliter la manipulation du DOM.
Ainsi que le développement parallèle d'une bibliothèque javascript dédié au support des backgrounds PNG compatible CSS 2.1

Mais avant tout, il s'agit d'écrire quelques exemples pour faciliter la prise en main de PNGHack aux développeurs peu familiarisé avec javascript.

Plus :
Accédez au projet PNGHack.
Accédez à la documentation.
Inscrivez-vous à notre groupe de discussion (ou de monologue).

Nouvelle version de Songbird Add-ons !

2008-05-28T00:26:00.003+02:00

Alors qu'on me murmure que la version 0.6 de Songbird, embarquant un nombre de nouvelles fonctionnalités impressionantes ne devrait tarder ...

Songbird en profite également pour lancer un nouveau site dédié aux add-ons. Graphiquement au top, comme toujours, dôté d'une interface clair et intuitif et surtout ... fonctionnelle !

L'annonce officielle n'a pas encore été faite, apprêtez-vous à rencontrer l'un ou l'autre bug... jettez un coup d'oeil à ce joli travail.

Et n'oubliez pas d'adopter l'oiseau qui chante si ce n'est pas encore le câs !

HTML zen garden

2008-05-17T14:19:00.006+02:00

Un petit billet dédié à faire la promotion d'un "N-ième weblog sur les bonnes pratiques de l'intégration et de développement web", HTML zen garden.

Une initiative que je plussoies et que je me dois de supporter, les activités francophones qualitatives dans ce sens ce faisant de plus en plus rare :)

Les articles parus jusqu'à présent :

Opera Dragonfly alpha !

2008-05-07T17:57:00.003+02:00

Opera 9.5 beta 2 est enfin muni d'une extension dédié aux développeurs.
Celle-ci est bien prometteuse en embarquant certaines fonctionnalités introuvables sur Firebug, malheureusement elle est également dotée de quelques lacunes, telle que l'impossibilité d'éditer des documents et des styles à la volée.

L'interface est intuitive et la prise en main vraiment simple.
Bref un très bon boulot pour une version alpha que je vous conseil d'essayer très rapidement.

Télécharger Opera Dragonfly

Pétition pour l'accessibilité numérique

2008-05-07T17:48:00.001+02:00

Plus de trois ans après la sortie de la loi pour « l’égalité des droits et des chances,… », le décrit précet qui doiser les modalités d’application de l’accessibilité numérique n’est toujours pas sorti. Cette situation ne peut pas durer !

Signez la pétition.

PNGHack beta 5

2008-05-01T18:53:00.004+02:00

Haaaa la tant attendue beta 5 !

Voilà qui est fait ...
Alors quoi de neufs pour cette version ?

La syntaxe de paramètres

Alors qu'avant nous passions plusieurs paramètres à notre méthode, maintenant nous passerons plus qu'un objet imbriquant ces paramètres.
De telle manière, il vous sera possible de définir des paramètres sans en définir d'autres comme c'était obligatoirement le cas avant :
ph.go('*','data'); devient : ph.go({src: 'data'});

La méthode crush();

Doté des mêmes fonctionnalités que la méthode go(); celle-ci ne se base pas sur la class "hack-png" attribué aux éléments, mais sur l'extension des éléments, par défaut elle recherchera les éléments dôté d'une extension '.PNG' (non sensible à la casse) et il vous est également possible de la définir grâce aux expressions régulières par le paramètre {ext: ''}.

La propriété checkIE

Autre fois vous étiez obligé d'utiliser des commentaires conditionnelles pour inclure PNGHack à vos documents, c'est du passé, PNGHack détectera automatiquement le navigateur et vous pouvez écrire vos appels à PNGHack en clair dans le document sans soucis.
Cette propriété est également éditable, et vous permet de définir la version d'internet explorer que vous souhaitez toucher, par défaut elle fonctionnera avec IE 5.5 et 6.
Notez que si vous préférez les commentaires conditionnelles vous pouvez également la désactiver en lui attribuant la valeur false : ph.checkIE = false;

La propriété remotehost

Alors que IE ne supporte pas l'encodage en base 64, et donc la génération de fichier par javascript. Nous avons essayez de proposer une solution robuste et flexible à l'utilisation de spacer.gif
Par défaut, si vous avez défini un spacer.gif il l'utilisera, sinon il essayera de récupérer celui définit comme spacer.gif par défault dans la documentation, si ces 2 cas résultent en un échec, le script essayera d'utiliser un spacer.gif hébergé sur Google.
Vous pouvez également configurer le script de telle manière à toujours utiliser le spacer.gif hébergé (ph.remotehost = true;) ou d'en interdire son usage (ph.remotehost = false;)

Pour plus d'informations techniques je vous propose de lire la nouvelle documentation dédié à PNGHack 1.0b5.
Ou de visiter le site de PNGHack

Comparaisons des moteurs de rendu

2008-04-28T19:22:00.003+02:00

C'est Wikipedia qui nous offre de riches tableaux de comparaisons des supports de technologies de différents moteurs de rendus :

Moteurs de rendu
HTML
XML
XHTML
HTML 5
EcmaScript
DOM
CSS
SVG
Format images

Je ne comprend toujours pas le choix de Microsoft à préférer développer Trident, plutôt que d'utiliser Tasman, qui semble bien plus prometteur.
Bon aujourd'hui la question ne se pose plus... mais autrefois...
Microsoft restera toujours un mystère...

Have fun :)

IETester : IE 5, 6, 7, 8 en un !

2008-04-23T22:38:00.004+02:00

Actuellement une des solutions les plus adaptées à la vérification de rendu sur les différents navigateurs de Microsoft, est sans aucun doute Multiple IE.

DebugBar vient de lancer un nouveau logiciel, nommé IETester, celui-ci embarque les moteurs de rendus de IE 5.5 à 8 beta 1, et vous permet d'utiliser plusieurs moteurs cote à cote en un clic.

Notez qu'il s'agit encore d'une version de développement, et que d'importants bugs sont actuellement en cours de correction.

Télécharger IETester.

Mobile Acid Test 1

2008-04-22T21:33:00.004+02:00

Dominique Hazaël-Massieux, membre du W3C Mobile Working Group, vient de nous développer un premier "Test Acid" pour mobile.

Ce test couvre les caractéristiques techniques suivants :

CSS
* Support de min-width et max-height, permettant d'adapter plus facilement les interfaces aux terminaux.
* Media Queries, permettant de pousser le support par rapport aux dimensions, types, poids, etc ... de terminaux
* Les sélecteurs CSS 3

Document/HTML
* Les types de documents servi en médias xhtml+xml
* L'élément <canvas> ~~de HTML 5 ?~~
* Support de la propriété contentEditable

Éléments graphiques
* Le format d'image PNG 32 bits
* Le format SVG dynamique et statique, permettant ainsi de créer des interfaces riches.

HTTP
* Support de GZIP
* Support de HTTPS
* Support de XmlHttpRequest

Il semblerait donc que le navigateur devrait supporter les premières spécifications de HTML 5 et CSS 3, et passer les tests de XHTML/CSS2.1 sans fautes.

Une très bonne initiative, j'ai enfin l'impression d'avoir à faire à un vrai Acid Test, bien plus que l'est l'Acid Test 3.

Accédez au Mobile Acid Test.
Accédez à la spécification Web Compatibility Test for Mobile