Pôle Web

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

PayPal déclare la guerre aux vieux navigateurs

2008-04-21T11:50:00.003+02:00

Enfin un géant qui se permet de ne plus supporter les navigateurs obsolètes.
Bon avant l'arrêt du support, qui tout comme le reste du web leur coute énormément en temps et d'argent. Il s'agira d'abord d'avertir les utilisateurs du risque qu'ils encours et de bannir les navigateurs qui n'acceptent pas les certificats EV SSL tel que Safari et les navigateurs sans filtre anti-phishing.

PayPal ne supportera donc plus dans un premier temps les versions d'IE 4 et 5 ainsi que les vieilles versions de Netscape, Firefox et Opera.

Si vous voulez en savoir plus sur la politique anti-phishing de PayPal, c'est par ici.

The 2008 Gmail Appeal

2008-04-13T19:17:00.006+02:00

Un billet pour supporter une opération lancée par l'Email Standard Project, qui se veut le pionnier des standards imbriquées dans les clients mails !

Ils demandent en effet aux développeurs de Gmail de faire un petit effort sur les compatibilités HTML et CSS de leur client.

Ils promeuvent leur action par une petite vidéo :

Email Standards Project - Gmail Grimaces from Mathew Patterson on Vimeo.

Vous pouvez également rejoindre l'Email Standard Project sur Facebook.

Opera et Mozilla : cap sur les mobiles

2008-04-11T14:14:00.005+02:00

Alors que le navigateur de Mozilla, Fennec, est encore en stade de développement et que celui-ci semble dôté d'une performance et d'une légerté impressionante comme en témoigne divers articles :
BeFox
Generation NT

Opera vient d'annoncer avoir porté Opera Mini 4 sur Android, étant ainsi le premier éditeur à avoir annoncé la disponibilité de leur navigateur sur cette plateforme.

Télécharger Opera Mini pour Android

Chasse au trésor HTML avec