BingMap, un plugin jQuery pour afficher des cartes bing Map sur votre site

Un plugin jQuery pour une alternative à Google Map, qui fonctionne sans payer en HTTPS  ?  Voilà BingMap.
Depuis presque un an que j’ai fini de coder la version 1, je le rends enfin public. Sur Github et sous licence BSD, avec un site qui va avec, elle n’est pas belle la vie ? Je me suis basé sur la dernière version de l’API, la 7 histoire de fournir une solution qui roxe du poney.

Concrètement, qu’est-ce que vous pouvez faire avec ce plugin :

  • Afficher une map (la base quoi)
  • Afficher 1/plusieurs markers (pin dans le jargon Microsoft) et attacher des évènements à chaque Pin.
  • Attacher des évènements à la carte
  • Utiliser l’API REST de Bing (la grande classe hein ;) )
  • Changer le type de carte, le zoom, la rendre zoomable ou pas, draggable ou pas…
  • etc.

Le plugin est jeune, mais est assez complet je pense pour répondre à beaucoup de besoin. De plus Bing possède de nombreux avantages comparé à Gmap :

  • Cartes beaucoup plus fluides et réactives
  • Les cartes sont belles (ok c’est subjectif)
  • On peut l’utiliser à travers HTTPS sans payer !

Un exemple de code :

Ici on affiche une carte, un pin avec une infobulle qui s’affiche au survol.

Après le seul “problème” s’il en est un, il faut une clé d’API, rassurez-vous ce n’est pas sorcier on en a pour 2min à peine. J’en parlais ici sur Creatiq, il y a quelques mois.

Alors, bien sûr, initialement il a été développé pour répondre à notre besoin chez Procheo (là où je bosse), il peut donc manquer certaines choses. Dans cette version 2 j’ai ajouté des fonctionnalités, mais je passe peut être sur des détails. N’hésitez donc pas à me donner des retours.

Merci pour son aide et ses conseils à Mathieu Robin.

Le site du plugin BingMap : http://colibri-libre.org/cyaneus/bingmap/
La page GitHub de BingMap : https://github.com/dhoko/bingmap

Windows 8 – Work In Progress… Ok l’OS est sale

Comme vous le savez la consumer preview est de sortie. Je l’ai mise dans une VM et roule ma poule on te test ça. Je précise que j’aime beaucoup Windows, c’est mon OS principal. Seulement ce Windows 8 est une ineptie. Pourquoi ?

Une interface qui a le cul entre 2 chaises

Partant du fait que Métro roxx du poney, Bob le développeur pas designer pour un sous, s’est dit que ce serait cool de le mettre sur Windows. Luis le designer étant en congé après son excellent travail sur Métro. Quand on s’appelle Microsoft on n’a pas assez d’argent pour payer plus d’un Designer et le remplacer en son absence… Résultat Bob fait le design et l’ergonomie. Alors bien sûr l’UX ça compte, mais, c’est pour les tapettes se dit Bob. Moi je m’en branle je suis un ouf.

Bob je te trouve, cache toi j’ai ma machette qui me supplie de te découper… Qu’est ce qui t’es passé par la tête pour pondre une interface mix (bah marketing mix ça le fait alors pourquoi pas ? hein Bob…).

On a un OS desktop avec une partie Smartphone non désactivable (on dirait bien hélas), des interfaces un coup Windows puis, Bob s’est dit merde faut caser Métro et d’un coup tu ne sais pas pourquoi on se retrouve avec Métro.

Univers Smartphone oblige on n’a plus de bouton pour fermer l’application. Mais oui Bob, Mamie du Cantal connait le Alt F4 ou encore Alt Tab…  Bob : « Bah t’es con ou quoi Alt Tab tu switch ou Alt F4 tu fermes l’application, abruti » Et mon poing dans ta gueule ça te va ?

Puis Bob aime la simplicité t’es sur le desktop, à droite t’as du métro, tu clic tu passes en Windows tu re clic tu repasses en Métro… Gnéééééé ?!

Quand je vous dis que ça part en sucette…

Le respect de l’utilisateur… le pigeonnage selon Microsoft, la bataille du con

Le Cloud ça marche, Mme Michu y connait rien alors on lui dit les avantages et donc elle te dit que ça roxx du poney. Partant de ça Bob t’impose par défaut une authentification avec Hotmail/Live. Wep il y a pas que Google et Apple qu’on le droit de te prendre à sec… Chez Microsoft tout est prêt et en plus, les cons ils payent ! LOL Bob exulte devant le blé qu’il va se faire…

Bon en fouillant, je dis bien en fouillant on peut dire au PC de kicker cette merde d’Hotmail, pour une authentification classique.

Perso je sens l’esprit pervers de Microsoft derrière ça pour t’espionner. Je serais curieux d’analyser les datas transitent entre un PC sous 8 et Internet. À mon avis on doit avoir quelques requêtes assez suspectes.

Tout ça sent fort la guerre Apple/Microsoft/Google pour savoir qui a la plus grosse… À mon avis le perdant de l’histoire c’est Apple.. (Google possède de la Pub, Android, Google, Youtube… bref c’est the Big Brother; quant à Microsoft il possède juste quelques milliards de PC dans ce bas monde…).

 Le con de l’histoire

C’est nous !!! Car grâce à la vente lié on va tous acheter un PC avec et 99% des gens auront un compte Live, car passer par AD sera dur. On aura aussi un gros lol sur la sécurité, vu qu’on a une instance d’IE pour Métro (dashboard).

Puis le gros gros souci, ça switch sans cesse entre Windows et Métro… Aucune cohérence Quand je vois ce concept d’interface, qui mari très bien Métro à Windows je me dis que ce mec-là devrait donner des cours à Microsoft, où être le designer de Windows 9 ;) http://mmminimal.com/windows-ui-concept-what-windows-8-should-look-like/

À cette heure-ci Luis doit, dans le meilleur des cas être en fuite, dans le pire des cas s’est suicidé, devant le massacre offert à nous par Bob.

Concluons mes amis, par la puissance du BSOD

Quand ça sortira je passerai dessus, pourquoi ?

  • Plus léger (même sans driver en VM c’est dingue)
  • Plus autonome (un truc de dingue, genre 30%)
  • Réactif
  • Bah pour être à jour

Tant que je ne peux pas mettre de Linux sur cette bécane je reste avec du Windows. Et malgré cette interface de merde, je pense que ça peut le faire. J’ai tout ce qu’il faut pour ne pas l’utiliser

  • Un lanceur d’application (Find And Run Robot)
  • Un gestionnaire de bureau Virtuel très efficace (VirtualWin)
  • Une console avec commandes Unix (Console2 + tools)
  • Un lanceur Windows et une console toujours aussi merdique 15ans après ! (SSH où es-tu ???)

Avec tout ça le menu démarrer ne s’ouvre jamais avec 7 + avec les raccourcis clavier ça passera.

PS : en cherchant bien j’ai trouvé le raccourci clavier du lanceur d’applications de Windows 8. Il ne semble pas mauvais : WIN + Q. Pour Éteindre on doit se déconnecter, virer l’écran de verrou et ensuite cliquer sur éteindre

PS2: Wep le Colibri revient. Le thème est en cours de dev, il reste quelques modèles de pages à faire et on y arrive. Ça arrivera avant les 4ans du blog :)

 

GoMap : non pas un mais, The ULTIMATE plugin jQuery pour Google Map (v3)

Aujourd’hui j’ai joué au roi Arthur, j’ai fait ma quête pour le Graal. Une multitude de plugins Google Map sont passé sous mon œil de lynx, ouverts sur mon Netbeans à les scruter, dans la documentation en quête de fonctionnalités poussées. Grande fut ma colère quand je vis qu’ils étaient tous statiques et inutile pour mon projet. Les mieux ? Aussi dynamique qu’une Grand-mère au 100mètre, c’est pour dire.

Utiliser une API ça veut aussi dire pouvoir être flexible… la flexibilité n’est pas le point fort de ces plugins. Rhaa perfides plugins, mon épée les a tous occis.  De plus le chevalier JavaScript me fis défaut, le vil refusa de me porter assistance, afin que je puisse monter ma solution maison avec. Vil maraud !

Quand soudain, au bord du gouffre qui mène au néant je vis une lumière, enfin une solution exploitable ! LE GRAAL était devant mes yeux !!!! Oyez Oyez braves gens, voici GoMap, le plugin dont tout le monde rêve pour Google Map.

Au bout d’un tunnel, une lumière… GoMap t’attend

C’est là qu’intervient le bien nommé GoMap, qui exploite l’API Google Map v3. De tous ceux que j’ai trouvé, c’est clairement le mieux. Au moins il ne se contente pas d’afficher uniquement des cartes, avec de beaux markers si on le souhaite.

Une belle carte avec Google Map

On peut faire des actions simples comme :

  • Déplacer un marker
  • Ajouter des markers
  • Des infobulles
  • Des infobulles dynamiques (un coup d’ajax pour laver le sol ;) )
  • AddEventListener pour les intimes, sur marker, map..
  • Donc -> Gestion des évènements (cf API Google Map v3)

Le meilleur étant la gestion des évènements, que je n’ai pas trouvé ailleurs… ou alors ce que j’ai trouvé, partait dans l’hyperespace dès qu’on faisait référence à l’API. Vous pouvez trouver pas mal d’exemples précis sur cette page : GoMap jQuery – Examples.

Alors, bien sûr elle est un peu plus lourde que les autres, 10.3Ko. Elle semble jeune, peu connu (j’ai creusé dans Google…) et plutôt dynamique, puisque sa dernière version la 1.3.2 est sortie le 7 juillet.

GoMap Plugin jQuery (site officiel)GoMap download

Mozilla F1 – Une extension Firefox pour partager sur Twitter/Facebook…

Mozilla F1 est une petite extension pour Firefox, avec elle vous pouvez partager simplement sur Twitter, facebook, Google, Yahoo… Elle se lance en cliquant sur le F1 dans la barre d’adresse ou bien tout simplement avec la touche F1.

On peut l’utiliser avec les services les plus connus mais, impossible d’ajouter des services. J’aurais aimé y mettre par exemple identi.ca histoire que mon compte ne soit pas mort…

Pour ce qui est de l’interface, elle va à l’essentiel. Très simpliste mais, traitresse. Regardez ce qui se passe si je publie un lien tel qu’il est par défaut.

Sur mon TweetDeck on voit que seul un lien apparait. Assez embêtant, il ne remplace pas si bien que ça le bouton Twitter… Après tout c’est normal, je pense que l’extension est faite pour que l’on s’exprime sur un lien, plus que le partage d’un article. C’est ce qui manque : un bouton pour inclure le titre dynamiquement.

Configuration

La page de settings nous dirige vers le site de l’extension, avec un beau certificat SSL.

Pour avoir de belles petites URL, on peut synchroniser son extension avec bit.ly, utile pour faire des statistiques sur nos liens (personnellement j’aurais préféré un autre service mais bon, nous n’avons pas trop le choix).

Dans la partie Settings on a deux options :

  • Activer le raccourci clavier (F1)
  • Mettre en favoris chaque lien que l’on partage

Mozilla F1 est un service Web, on est donc dépendant de la disponibilité de son serveur. Et parfois ce dernier plante. Heureusement il nous informe que le service est down, il est clair sur ce point.

Une application web qui gère mes réseaux sociaux ?

Ça me parait un peu fada comme système. Deux applications web pour le prix d’une. On n’arrête pas le progrès. ;)

Quoi qu’il en soit, l’extension fonctionne plutôt bien et est réactive (sous réserve d’une connexion internet potable…). Le bonus : une fois installée, elle ne demande pas de rebooter Firefox !

-> Extension Mozilla F1

Midori (v. Windows) : Un navigateur qui coule plus, que navigue

Midori est un navigateur sous GNU/Linux qui commence à être de plus en plus connu, j’ai découvert il y a peu qu’il tournait sur Windows. J’ai donc regardé ce que cette version avait dans le ventre.

1 – Je navigue, tu navigues, il coule

Le but d’un navigateur web, c’est de naviguer sur le web. Hors il semblerait que Midori ne suive pas cette règle. Certaines pages se chargent à la vitesse de l’éclair d’autres, heu comment dire ? Ça rame à mort ! Puis il plante avec le JavaScript… bizarre sachant que ce dernier est activé. Les animations JavaScript comme un simple slider, ne fonctionnent pas. Par contre, avec une application javaScript bien lourde, bien complexe comme netvibes… Midori tourne rond, il semble même plus réactif que Chrome/Firefox.

Trop simple, il choisit de planter. Mais, si c’est super lourd il fonctionne. Où est la logique ?

Le rendu n’est pas optimal, pour des raisons que j’ignore il ne charge pas tout. Puis certains sites sont de vulgaires pages blanches (enfin écran blanc). (Par exemple Presse Citron)

Il plante donc avec le JavaScript mais, aussi parfois sur du CSS… Bizarre car il fait tourner presque bien certaines animations en CSS3. (http://dhoko.free.fr/dev/)

2 – Il était une fois le scroll, une fenêtre et une plume

Midori est un navigateur un peu particulier, lorsque l’on redimensionne une fenêtre on a un peu l’impression de changer de dimension. Le soft affiche de belles bandes noires, il se freeze et le rendu dérape. (Oui il y a un message subliminal dans cette image… ;) ).

Une des révolutions de l’informatique fut l’invention du scroll. Ça fonctionne partout mais, sur Midori, on a plus l’impression de pousser une voiture sans roues… ça rame quelque chose de bien. Dommage, car ça se produit sur la majorité des sites web que l’on peut charger.

On termine sur une douce note, la consommation de mémoire et CPU est vraiment très basse, avec des onglets et après quelques minutes : 55Mo.

3 – Relativisons un peu quand même

C’est une version qui n’est pas stable je pense bien, le comportement aléatoire du logiciel est donc normal. Pour le moment : À fuir.

À prendre avec un peu de recul, il y a quand même de l’humour dans ce post. Cela dit quand je vois comment cette version est en carton je rigole jaune. Vous connaissez Arora ? Bah sous Windows ça fonctionne rudement bien (dans ta face Midori !).

Merci à urcadox pour ses remarques.

La théorie du complot et le QnI

Wep Rock&roll quoi. Ce matin c’est dans la chaude fraîcheur de ma Salle de bain que m’est venue cette idée farfelue. Et si tout n’était que faux ? Qu’on nous mentait depuis le début, que tout n’est qu’illusion. La tromperie règne.

Partie 1 : Un peu de sérieux – la politique

Voilà ma star, l’héroïne de mon récit (faut vraiment faire gaffe à ça, ce n’est pas bien ;) )  Je vous invite à revoir sa performance hier au Grand Journal de Canal+ (lien vers la vidéo). On nous parle des cantonales donc aujourd’hui c’était elle qui était là pour représenter l’UMP.

Un fiasco, si elle a une communication efficace alors je ne sais pas, les poules ont des dents ? IE est un navigateur ultra performant en HTML5, j’ai une cave remplie d’extraterrestre… Enfin vous avez compris le principe.

Hier elle portait les couleurs de l’UMP sur le plateau. Elle devait donc rassurer et booster ses troupes. Perso je l’ai trouvé nul à chier, ok la langue de bois on est des expert en France, mais trop c’est trop. Elle ne sait pas répondre aux questions et ne sait pas s’exprimer. Elle est assez insupportable.

Partie 2 : Camarade mobilisons-nous !

Le titre ne va pas avec le personnage qui est de droite, ok. En tout cas elle l’a rappelé hier, votez UMP. Et s’il n’y a pas d’UMP, faites comme bon vous semble. Par contre si vous appelez à voter FN (l’élu) alors cet élu est exclu du parti. Par contre pour les autres, on fait rien (pas sûr vu que je ne peux revoir la vidéo)

Pour se mobiliser on ne prône rien, sauf : Il ne faut pas voter pour le FN (le FN c’est le mal ! BOUHHHH A mort LOUIS croix V bâton !!!). Ok dans ce cas on dit clairement votez PS/EE dès que l’UMP n’est pas là… Pourquoi ne pas le dire clairement ? Parce qu’on se pisse dessus.

Partie 3 : LE FN est un parti politique légal

Le FN est un parti politique, on peut aimer ou ne pas aimer ses idées, il reste un parti qui a autant de crédit que l’UMP, PS, les COCO… sauf que lui n’a pas été au pouvoir. Alors au lieu de le diaboliser, de faire un ‘’interdit’’ qui le rend plus fort, on le respecte et tout se passera mieux.

Le FN c’est comme les autres donc au lieu de cracher dessus on le respecte (surtout qu’au moins eux ont pas été faire de la merde au pouvoir donc c’est un peu l’hôpital qui se fout de la charité). Car au moins eux reflète ce qui est le changement (bah ils sont encore vierge).

Partie 4 : Le début de la fin

St Cloud… c’est là que ma personne bosse ;) Juste à côté d’un endroit bizarre et intimidant (et flippant si si), l’ancien local du FN (dans le genre je te mets en confiance ils gèrent ! ) Alors je peux comprendre qu’on ait peur d’eux.

N.Morano elle répète et martèle que Mr Sarkozy est le meilleur candidat pour la droite en 2012. Qu’il aime beaucoup la France et tout un tas de truc lassant à entendre. Tout va bien dans le meilleur des mondes, tout se passe bien, la France va bien. Mr Sarkozy est grand, beau je l’adore. Pfiouu dans le genre lèche cul elle a la palme d’or.

Perso quand je l’entends j’ai bien envie de lui en coller une (rassurez-vous elle n’est pas seule…)

  • QnI : Quotient non intellectuel, élément permettant de qualifier la non-réflexion et l’absence de personnalité d’une personne. (ex : Nadine Morano)

Partie 5 : Le complot

Après cette émission hier soir, voilà ma conclusion. Elle va vous surprendre… Elle n’est pas humaine.

NADINE MORANO EST UN ANDROÏDE !!!! Voilà la révélation du jour. Elle ne réfléchit pas comme un humain, ne s’exprime pas comme un humain et ne se remet pas en question. On est donc aux mains des Androïdes, sans réflexion dangereux et au pouvoir. OMFG on va tous mourir ^^

Petite précision : Je n’ai pas d’opinion politique, pour moi c’est tous les mêmes donc voilou ;) Par contre le fait que le FN soit traité ainsi oui je trouve ça injuste et con. Le texte n’est pas à prendre au premier degrés (pour les QnI qui passeraient).

source 1 – 234

Runfield un jeu en HTML5

On connaissait les petits jeux Flash qui te rendent addict. Avec l’avènement de l’HTML5 et la puissance de Canvas on voit fleurir un peu partout de jolis petits jeux tout aussi addictif. Runfield en est un nouvel exemple.

Le principe est simple, un renard, un fond qui défile en accélérant, des trous. Il suffit de sauter, via la clic-gauche de la souris et hop on y va.  (cf le renard qui court et le gameplay)

Pour y jouer par contre il vous faut :

  • Firefox 4 (jeu développé pour)
  • Opera 11

Sous Chrome, IE9 et autres ça ne fonctionne pas du tout. Sur Chrome 12 j’ai fait un 25k en aillant pu voir 2/3 frames… Pas besoin d’avoir le GPU qui soit activé dans le browser ça passe très bien sans.

Mon record est de : 101243 Pts. À vous de le battre ;)

Accéder au Jeu : Runfield un jeu en HTML5

Efficace et pas cher c’est Gnome 3 que je préfère

Le bureau de Gnome 3 vu dans le menu

Fedora 15 est sortie en Alpha, les devs savaient qu’on voulait tester Gnome 3, ils l’ont mis dedans. N’ayant eu que de bref aperçu de la bestiole j’ai voulu tester un peu. Est-ce aussi rapide et réactif qu’on le dit ?

Jour 1 : il était une fois MacOS X

Une fois que Gnome 3 est démarré, la ressemblance à MacOS X apparait de suite. Quelques détails, des animations, des évènements, des boites de dialogues…

Vous connaissez le coin bas-droit dans Mac ? Ici vous prenez le point opposé sur la diagonale et vous avez un menu avec les bureaux qui apparaissent au survol. Magique.

Boite de dialogue à la Mac dans Gnome 3

Mauvaise foi ? Peut-être, cette capture n’a pas été prise sous Mac, mais bien Fedora. L’animation et le style sont le même que dans MacOS X.

Jour 2 : Windows 7 tu seras

Inspiré fortement par MacOS X, Gnome 3 n’a pas laissé Windows 7 de côté.

Effets du bureau Gnome 3 à la Windows 7

Une des fonctions les plus pratiques du bureau Windows7 c’est la fonctionnalité de redimensionnement dynamique des fenêtres. Hors bizarre non ? On voit la fonctionnalité apparaitre.

Dans Gnome3 c’est le seul détail qui m’a fait penser à Seven. À noter qu’on retrouve ça dans KDE4.

Jour 3 : Tu mixeras tout ce qui se fait de mieux, pour le meilleur comme pour le pire

Le menu de Gnome 3 inspiré par iOS de l'iPhone

Les menus avec que des icônes c’est bien c’est beau c’est efficace. Seul problème on s’y perd très vite s’il y en a trop, tôt ou tard on finit par y être allergique. Ici le menu fait un peu (beaucoup) iOS, sauf que l’iPhone possède un écran ridiculement petit. Ici sur un 16’’ en FullHD c’est vraiment, vraiment mauvais. On perd un temps fou.

Le tri existe ok mais, toujours aussi peu pratique. J’ai tout de suite cherché à redimensionner les icones mais, je n’ai pas trouvé le paramètre dédié. Quant au dock je vois l’intérêt sur un desktop mais, dans un menu je ne comprends pas. Pour moi ça démontre la mauvaise approche d’un menu full icônes.

Les notifications dans Gnome 3 -  pensé pour le tactile

Je vous ai mis ensemble quelques notifications du système. La plupart sont dans le bas de l’écran et discrètes. Une chose frappe : c’est quoi ces boutons ? Le système est clairement orienté tactile !

Et pour les amis de la ligne de commande, on a enfin un lanceur d’applications simpliste léger sans fonctions inutiles.

Bilan du test

Après avoir passé pas mal de temps avec (j’ai fait les screenshot après mon test ;) ), le desktop est vraiment excellent. Avant mon test m’avait laissé sur ma faim, ce qui n’est pas le cas aujourd’hui. Le desktop me parait plus réactif que Gnome 2 et KDE4, il donne une forte impression de fluidité, il réagit très vite. Esthétiquement il est pas mal, l’ergonomie a été revue pour s’adapter aux terminaux modernes et aux futurs usages.

J’attends donc la première tablette tactile sur laquelle on retrouve Gnome 3.

Gnome 3 - boite de dialogue pour éteindre le PC

Cependant je contraste tout ça par de gros problèmes :

  • Coin haut gauche peu réactif pour le moment il vaut mieux cliquer ou la touche Windows.
  • Pas de retour rapide au bureau (pratique pour un desktop)
  • Clic droit inexistant sur le bureau ? Frustrant
  • Beaucoup de crash de composant de Gnome3
  • Aucune résistance au sérial clic sur le bouton Activité (en quelques secondes j’ai crashé tout Gnome)
  • Pas de paramétrage des effets visuels

Le mix entre Windows 7 et MacOS est franchement très séduisant. Beaucoup d’effet de transitions à la E17 avec la légèreté d’E17. En fait oui, je redécouvre E17 avec une interface différente, la fluidité et les effets sont les mêmes.

Une autre lecture sur Gnome 3 : Premier Essai de Gnome Shell

Le nouveau logo de Google Chrome (Chromium)

Google Chrome (Chromium) Nouveau Logo Version dev11

Google Chrome n’a pas changé une seule fois de logo en 10 versions, c’est enfin fait (du moins non officiellement). Comme chaque lundi je mets à jour Chromium (la version dev de Google Chrome). Et surprise la version présente un nouveau logo bien plus moderne.

Google Chrome (Chromium) 11 - Logo New

Plutôt pas mal ? On peut donc aisément imaginer à quoi va ressembler le logo de Google Chrome dans sa version 11.

Quelque chose me dit que l’icône du Chrome WebStore donne une bonne piste.

Placeholder (formulaires HTML5) pour Internet Explorer 9 – 8 et 7 (à moitié)

Suite à mon dernier article : Placeholder (formulaires HTML5) et CSS. Que les attributs soient !, j’ai eu un commentaire de Raphael Goetter qui m’a dit que pour Internet Explorer on pouvait lui spécifier un background… Partant de là j’ai fait quelques tests.

Mise en place du placeholder sous IE

La solution est simpliste mais efficace, on peut utiliser placeholder avec Internet Explorer 9 et 8 (soit la majorité des IE) et à moitié avec IE7. La manipulation est simple : on fait une image pour l’input. Bien sûr ce n’est pas ce qui se fait de mieux.

input[placeholder]{
	background: #eee url(input.jpg);
	width: 200px;
	height: 30px;
	border: 0;
}
input[placeholder]:focus{background: #fff}

J’ai tenté le coup en jouant avec content, j’en ai déduis qu’il ne restait que le background. Par contre à la différence de Raphael chez moi seul le sélecteur générique a fonctionné (les CSS2 sont en théorie bien reconnus). Mais, je pense être dans une période ou mes Windows me rejettent (j’ai 2XP et un 7 sur la machine et aucun ne veut fonctionner sans problèmes…)

Comme vous le voyez on fonctionne avec du :focus, simple et fonctionnel. Sous IE7 le focus n’a pas fonctionné, hélas. Sous IE6 rien n’apparait ce qui n’est pas une surprise.
Voilà. Un pas de plus dans vos formulaires en HTML5