10 ans ! Bon annif Mozilla !

Un petit article dédié à remecier le boulot de Mozilla, grâce auquel nous avons pu faire évoluer la qualité du web, la qualité des logiciels, mais aussi pu créer une multitudes d'équipes et de communautés libres, open-sources et même commerciales.
Merci pour tous ces projets et logiciels qui aboutissent : Firefox, Thunderbird, Lightning, Camino, Gecko, ChatZilla, Prism, ...
Toutes ces extensions qui nous facilitent la vie : Firebug, Operator, WebDevToolbar, DOM Inspector, AdBlock, ColorZilla, ...
Le support pour divers projet officiel ou non ... Paris Web, WaSP, Mozilla24, Firefox Mission, Firefox Contest, ...

Bref, merci de faire vibrer le web sous toutes ces formes, et bon anniversaire !

WaSP Café 3 !

Comme prévu par l'équipe du WaSP, le WaSPCafé aura lieu tous les 2 mois, cette 3ème édition aura donc lieu le jeudi 17 avril !

Au programme ?
Un deuxième atelier CSS animé par Marie Alhomme et Thierry Regagnon, la discussion portera sur comment organiser et gérer de façon plus efficace vos CSS.
De plus, un atelier accessibilité et un atelier Microformats/RDFa.

Dommage qu'on ne puisse pas participer à tous ...

Je vous invite à voir l'intégralité du programme et de vous inscrire rapidement :)

Opera passe l'Acid test 3

Le vainqueur de la course à l'Acid Test 3, si on peut dire, est Kestrel le moteur de rendu d'Opera ! Les développeurs viennent d'annoncer son succès, le navigateur sera très prochainement mis à jour par son équipe pour inclure les améliorations apportées à celui-ci :)
Une première version publique sera disponible sur Opera Labs très bientôt.

WebKit se retrouve en deuxième place en passant 98 des tests à l'heure actuelle !

Les équipes de Gecko ne chôment pas non plus, Firefox 3 est en constante amélioration et actuellement disponible en beta 4.

On dirait qu'encore une fois le fossé entre IE et le reste du web va se creuser dans les années à venir ! En espérant que les équipes de Microsoft réalisent l'importance de l'enjeu très bientôt et continuent à participer positivement au développement du web entre autre avec la coopération du WaSP.

Vivement les versions finales de SVG, HTML 5, CSS 3 et JS 2 pour Acid 4 ?

SWFObject 2.0 !

La deuxième version de SWFObject a été lancée il y a un peu plus d'une semaine pour le plus grand bonheur de ces utilisateurs.

On y trouvera certaines nouveautés comme le paramétrage par objet plutôt que des variables passé en arguments à l'objet, et des choses bien plus intéressante tel qu'un API complet dédié à l'exploitation de cette bibliothèque javascript.
Notez qu'il est également doté d'un générateur de code et qu'ils ont fait d'énormes efforts par rapport à la syntaxe et l'externalisation de code. Qui m'a ravi :)

Personnellement j'ai eu l'occasion de l'utiliser sur un projet et je vous le conseil vu les importantes possibilités de paramétrages et l'API.

Have fun :)

Télécharger SWFObject 2.0
Accédez à la documentation

PNGHack beta 4 !

Cette 4ème et théoriquement dernière version beta apporte quelques nouveautés et améliorations !

Du côté des nouveautés :

• Il vous est dès à présent possible de gérer n'importe quel attribut, en plus de l'attribut src.
• De plus, vous pourrez modifier le tableau 'elements' qui devient une propriété publique.

Et les améliorations :

• Par défaut, la bibliothèque hack tous les éléments muni de la class hack-png et non plus uniquement les éléments img.
• La compatibilité IE 5.5 a été revue

J'en profite également pour vous annoncez que le groupe prévoit des extensions pour Prototype et jQuery qui devraient voir le jour très bientôt.

Une deuxième bonne nouvelle pour terminer :) Nous avons initié un développement dédié à étendre le support des fichiers PNG aux propriétés CSS background !

En espérant que vous appréciez nos travaux :

• Télécharger PNGHack beta 4
• Accéder à la documentation
• Faire mumuse avec la source

CSS : Grilles et tables

Avouez que le titre fait peur :)

En fait il s'agit uniquement de se pencher sur des templates sans float, sans clear, et sans les bugs qui vont avec.

CSS 2 permet d'appliquer des display:table-*, malheureusement non supporté par IE, même 7.

Certaines personnes se sont penché sur ce problème et nous ont pondu une interface à 3 colonnes , bien hacké de partout ...

D'autres personnes s'y intéressent et écrivent des articles intéressants :
Table Based Layout is the next big thing

Reste les CSS Grids qui ne semblent pas moins prometteur... Par contre, je ne connais pas son status de développement, la dernière mise à jour date de 6 mois, ce qui est plutôt bon signe !

Le web mobile de demain ?

Sans prétendre avoir des capacités de visionnaires de ce niveau, je pense que le web mobile sera bien plus qu'une extension du web traditionnel ... Qui risque de se bâtire sauvagement comme la fait le web à ces débuts ;)

Peut-être qu'on pourra quelque peu oublier la notion de "web", d'ici 10 ans, le web risque de faire partie de la vie quotidienne de chaque ménage et d'être présent dans tous les appareils qu'on possédera ... D'ici là, on parlera plus de "connectivité" que de web, qui me semble uniquement être le moyen le plus utilisé actuellement à cet effet, d'une part par son effet "plateforme", alors qu'au delà il est un média.

Bref, tout ça pour en venir à ce que vous connaissez certainement déjà :





Nokia sera certainement un des précurseurs de cette nouvelle aire mobile, comme ils ont pu l'être il y a 8 ans pour la démocratisation du téléphone portable auprès du grand public.
Apple risque de bien suivre le mouvement également, certains caractéristiques des concepts de Nokia se retrouvent déjà dans l'iPhone, grand écran, full-touch, connectivité par software et donc interface, plus que par hardware, fils, et appareils multiples ...

Tout ça pour en venir au fait que j'ai l'impression qu'on se propulse vers un monde mobile hautement connecté, bien plus qu'on ne l'est aujourd'hui, et qu'il me semble avoir raté le lancement ?!

Bref voilà une petite séance de rêve ... Dans 10 ans on dira que j'avais raison. *rire sadique*

PNGHack beta 3

Lancée hier soir, la beta 3 est disponible en téléchargement elle apporte une extension de la fonctionnalité de hack et des améliorations de code.

Vous pouvez dès à présent hacker tous types d'éléments DOM rendant des images en format PNG, le cas le plus traditionnel reste certainement img et input, mais rien ne vous empêchera de hacker d'autres éléments DOM doté d'une propriété src ou data dans tout type d'espace de nom .

Quelques modifications de code également, consistant à respecter les dimensions de base sans inclure de padding et de border.
La propriété 'images' a été renommée en 'elements', vu qu'il est maintenant possible de hacker bien plus que des images.
Finalement, nous avons adopté Packer pour compresser le code, nous satisfaisant plus que YUI.

La documentation a également été mise à jour :)

Nous apprécierons énormément des retours d'utilisations pour cette nouvelle version afin d'entamer le développement de la beta 4 et 5 !!

Merci à tous et bon amusement !

Ça bouge chez Paris Web !

Yeah !

Premièrement les vidéos de Paris Web 2007 sont disponibles sur Dailymotion :)

Et deuxio ça bouge du côté de l'organisation pour Paris Web 2008 comme en témoigne le récent billet de Cédric Magnin.

Bref que du bon, merci et bon courage à la nouvelle équipe :)

MAJ 2008/03/11
Les vidéos sont dès à présent disponible sur une section vidéo de paris-web.fr

CSS : Structure de document 2

Je ne vais pas revenir sur ce que j'ai expliqué dans mon premier article concernant la structure d'un document CSS.

Je tenais juste à vous présenter le screencast de Chris Coyior sur css-tricks.com s'intéressant de plus prêt à la structure même du pur code.
Développer sur plusieurs lignes, sur une seule ligne ? avec ou sans indentation ?

Pour ma part c'est multiline espacé ! Je m'étais essayé à l'indentation sur un projet, c'était un peu devenu le bordel, mais sa méthode me semble vraiment efficace, je m'y réessayerai sûrement un jour :)

En attendant voici son petit screencast CSS

En direct depuis la Tour Eiffel !

Oui je dors à 20m d'elle ce soir, elle est doté d'un éclairage doré plutôt sympa ...

Bon avant tout je tenais à vous signalez qu'on avait lancé la version 1 beta 2 de PNGHack lundi !
Au programme la correction de quelques bugs de la beta 1 et une légère amélioration du code. Rien de très nouveau.
La beta 3 sortira dans "pas longtemps", et apportera quelques nouveautés qui risquent de vous intéresser :)

Sinon, IE 8 beta 1 est sorti et apporte avec lui quelques bugs, le support d'Acid 2, de nouveaux modules propriétaires (héé ouiii) ...