WaSPCafé 2 : retours ... d'expérience

C'était génial !
Rencontre IRL avec les Openwebiens, discussions intéressantes avec beaucoup de personnes, introduction et stratégie de Tristan Nitot à titre de Mozilla fort passionnante ... notons également les trolls marrants, je me demande encore si ils étaient vraiment sérieux...

Soit, réunion des alcooliques anonymes atelier CSS très sympa sous forme de discussion ouverte, on a pu partager nos connaissances, expériences, frustrations, méthodologies, avis ...
D'ailleurs j'essayerai de publier un article plus constructif par rapport aux bibliothèques CSS au courant de cette semaine ou ce weekend.

En remerciant et souhaitant beaucoup de courage aux organisateurs !
Vivement les prochaines éditions, à la prochaine :)

Web Mobile : Documents et infos utiles

En ce début de semaine, intéressons-nous rapidement au web mobile, je vous ai sélectionné quelques documents utiles pour bien ce lancer :)

En général :
http://www.w3.org/Mobile/
http://www.w3.org/2007/02/mwbp_flip_cards

Spec :
http://www.w3.org/TR/mobile-bp/

Accessibilité :
http://www.w3.org/WAI/mobile/

Le validateur :
http://validator.w3.org/mobile/alpha`

Et n'oubliez pas la présentation de Dominique Hazaël-Massieux tenu à Paris-Web 2007 :
http://www.w3.org/2007/Talks/11-parisweb/

Pour terminer une petite analyse du marché des navigateurs d'après les stats de septembre 2007 de Xiti

Opera devrait largement dominer le marcher, sachant que Samsung et Sony Ericsson on des contrats commerciaux avec Opera.
Sagem serait basé sur un moteur de Gecko.
Nokia sur un moteur KHTML/WebKit (sachant qu'ils sont en partenariat avec WebKit), il semblerait qu'ils développent également un navigateur basé sur Gecko 1.9 beta.
LG supporté par Vodafone devrait également avoir un navigateur proche des recommandations W3C.
Et finalement Safari, très respectueux des standards, livré par défaut sur tous les iPhone et iPod Touch.

Reste les pocket PC et autres terminaux munis de IE et Deepfish, qui ne sont malheureusement pas négligeable sachant que le marché des navigateurs sur mobiles est beaucoup plus vaste et serré que sur les ordinateurs ...

Pour finir je rajouterai un article très intéressant et très proche de la réalité écrit par Cédric Magnin "Web mobile ou Web pour iphone ?"

N'hésitez pas de compléter la liste de choses utiles et de documents incontournables :)

Quoi de neuf en JS ?

Prototype

La version 1.6.0.2 de Prototype vient de sortir en corrigeant pas moins de 28 bugs, améliorant ainsi la sécurité et la stabilité de cette bibliothèque JavaScript haut niveau. Notez que cette mise à jour est rétro-compatible.

De plus Christophe Porteneuve vient de sortir un nouveau bouquin, intitulé Prototype and Script.aculo.us: You Never Knew Javascript Could Do This! je vous le conseil vivement !

ExtJS

Il en va de même pour Ext qui passe en version 2.0.1, mise à jour mineure d'un point de vue bug et sécurité, mais améliorant considérablement les fonctionnalités et possibilités, de plus elle est livré avec 9 nouvelles langues !

Mootools

Cette partie risque de déplaire aux Ninjas Javascript, mais oui Mootools vient de sortir la mise à jour la plus importante, la version 1.2 beta 2. On n'en dira pas plus :P

J'ai oublié quelque chose ?

HTML 5, en bref

Il y a 2 jours, le W3C a publié les premiers résultats des travaux colossale concernant HTML 5, on peut y découvrir officiellement les premières nouveautés et différences par rapport aux anciennes versions de HTML et XHTML.
Les travaux concernent le DOM, les éléments, attributs, le parsing (SGML / XML).
La communauté va dans un deuxième temps ce concentrer sur les points suivants :
* Les définitions sémantiques de certains éléments existants
* L'implémentation et utilisation des attributs : longdesc, alt, summary, headers et style
* Le model de répétition (les templates html)

Une chose extrêmement réjouissante est l'implémentation de WebForms 2, enrichissant de manière conséquente la sémantique et la facilité de développement des formulaires.

Un document publié reprend toutes les différences de HTML 4 (et XHTML 1) à (X)HTML 5.

IE 8, standard W3C en option

Plutôt explicite comme titre non ?
L'équipe de développement d'IE, vient de nous annoncer que le rendu par défaut de leur prochain navigateur sera celui d'IE 7, alors que le rendu officiel d'IE 8 sera une option activable par un meta tag, astucieux non ? Allez dire à tous ces développeurs qu'en plus du doctype il faut préciser un meta tag dédié pour avoir un rendu théoriquement proche de la recommandation du W3C.

La communauté web s'active à dire à Microsoft qu'ils font une erreur en n'activant pas par défaut le rendu d'IE 8, en espérant qu'ils prennent en compte la demande des développeurs, sachant que ça fait plus de 3 ans qu'on essaye de leur faire comprendre qu'une uniformisation des rendu serait un gain pour tout le monde ...

Vous trouverez le communiqué complet sur l'IEBlog.

WaSPCafé 2

Le Web Standards Project Café 2 est lancé ! (oui je suis légèrement en retard, les inscriptions sont closes)
Dans une semaine on pourra se bourrer la gueule et le bide de gâteaux comme on a pu le faire à la première édition, mais également intervenir de manière structurer à certains ateliers, sous forme de groupe de vingtaine de personnes discutant CSS, JS et accessibilité ... un peu comme on a pu le faire à Paris Web 2007 à plus grande échelle :)

Pour ma part ce sera l'atelier CSS, du moins en théorie.

En parlant d'évènement ... Cédric Magnin nous apprend que Paris Web 2008 ainsi que d'autres projets lié à Paris Web sont dans les cartons =)

Au plaisir de revivre ça !
À lundi au WaSPCafé !

Alternatives à display:none

La propriété CSS display:none, permet de cacher un élément et son contenu dans un document HTML.

Avec le temps, on réalise rapidement que display: none; pourrait être très utile pour développer des sites web ayant une sémantique irréprochable tout en respectant une charte graphique qui ne le permet pas.

Malheureusement, les lecteurs d'écrans modernes supportent le CSS, et cacheront donc autant qu'un navigateur graphique, le contenu que vous souhaitez cacher.

Il existe donc des solutions à ce problème, la plus connue dans sa plus simple forme est :

position:absolute;
left:-9999%;

qui aura pour effet de déplacer le contenu "dans le décor" vers la gauche sur un navigateur graphique.

Il existe d'autres techniques, qui jouent sur le texte et la police du contenu :

position:absolute;
text-indent:-9999%;

ou encore ..

position:absolute;
font-size:0;


etc ... les deux dernières sont mauvaises !

Pourquoi ?
- Dans le premier exemple, nous gardons la forme du texte et assurons ainsi l'accessibilité au contenu, les lecteurs d'écrans risquent de ne pas lire font-size:0; et text-indent:-9999%

Pourquoi left ? Ne peut-on pas déplacer le text vers un autre côté ?
- Non, avant tout il s'agit d'appliquer un style "logique", le déplacer vers la gauche, n'altérera pas son emplacement "physique" dans le contenu (sauf si la direction d'écriture est différente).
- Windows-Eyes duplique les liens qui se trouvent à une valeur négatives sur top.
- Certains navigateurs rencontre des bugs de navigation clavier en déplaçant le texte à une position top ou bottom.

Notez que la question n'est pas simple, et qu'on est des fois mené à faire des compromis, par exemple l'élément <legend> ne disparaîtra pas grâce à la technique évoqué ci-dessus sur Firefox.
Il en va de même pour IE sur certains éléments, vous pouvez y arriver en couplant des text-indent et line-height ... Malheureusement je n'ai pas pu observer des résultats sur des lecteurs d'écrans.

Si vous pouvez tester ces problématiques et faire des retours d'expérience, n'hésitez pas :)

IE7.js version 2 beta + IE8.js

Dean Edwards vient de mettre à jour sa bibliothèque javascript "IE7", dédié à améliorer le rendu de IE 6 et de le rendre ainsi équivalent à IE 7.

La mise à jour comporte également "IE8.js", divisant ainsi sa bibliothèque en deux modules, le premier dédié à IE 6 et la deuxième à implémenté des sélecteurs CSS et JS qu'on espère retrouver dans IE 8 :P Et qui le sont déjà dans des navigateurs tel que Opera, Firefox, Safari, ...

Pour télécharger IE 7 c'est par ici.

Du nouveau pour le blog

Cela fait maintenant 6 mois que j'ai lancé ce modeste blog, donnant naissance à une petite communauté de lecteurs très discrète.
Notez que 75% des lecteurs de se blog proviennent de google, la plupart en quête d'informations traitant de Webkit/Safari, Extjs, Internet Explorer et Mozilla/Firefox.

Du nouveau pour 2008 ?
Je vais lancer mon petit site perso liant ainsi travaux, ressources, CV, ... et blog, mené dans un premier temps en parallèle, de manière expérimentale sous la plateforme Wordpress, sous un design beaucoup plus sombre.
Je compte également poster des billets en anglais, sous une forme qui reste encore à définir ...

Si vous avez des conseils, avis, ... n'hésitez pas =)

Ha et puis ... bonne année :)