Voici une nouvelle action contre le mastodonte Microsoft et son statut très favorable de domination sur les systèmes d’exploitation. On se souvient du fameux Windows XP Edition N qui faisait suite à une plainte contre Windows Media Player. Cette fois-ci, c’est Opera qui s’y colle. Le navigateur norvégien a déposé une plainte à la Commission Européenne contre Internet Explorer en accusant le statut anti-concurrentiel de ce dernier (car livré en bundle avec Windows) et le non-respect des standards du W3C.

Lire la suite

Ca ne vous arrive jamais de naviguer sur un site et vous retrouver avec une popup ou une nouvelle fenêtre qui s’affiche alors que rien n’indiquait que ça allait se passer? Et quand bien même vous essayer d’éviter ce désagrément il est alors impossible d’afficher la page sans passer par une popup (ou une nouvelle fenêtre) ?

Il y avait jadis une option dans Firefox qui permettait d’obliger les liens qui ouvraient une nouvelle fenêtre à s’afficher dans un nouvel onglet. L’option était facilement accessible dans Firefox et ressemblait à ça.
Lire la suite

UPDATE : Foxmarks s’appelle désormais XMarks

UPDATE 2 : XMarks n’existe plus ! Il faut utiliser Firefox Sync.

Il y a quelques mois je cherchais un outil pour synchroniser mes bookmarks Firefox entre mon pc à la maison et celui au travail. Je voulais que chaque ajout, modification ou suppression sur un ordinateur se répercute sur l’autre. J’avais alors testé 4 outils :

• Foxmarks Bookmark Synchronizer, mais le serveur du site était inlassablement saturé, donc je ne pouvais pas uploader mes favoris.
  
• Box.net Bookmarks Synchronizer, qui semblait marcher car j’avais réussi à uploader facilement mes bookmarks, mais il fut impossible de les récupérer sur l’autre ordinateur.
  
• Bookmark Sync and Sort, qui n’a pas réussi à se connecter à mon ftp (je n’ai pas cherché plus loin).
  
• Delicious Bookmarks, du fameux site.

Je me retrouvais donc à utiliser le plugin de del.icio.us mais vraiment par défaut d’avoir mieux. Parce que del.icio.us fonctionne avec des tags, et en uploadant mes favoris, cela a généré automatiquement des tags à gogo, ce qui a foutu un bordel pas possible au final. Il y avait notamment le tag « barre personnelle » sur tous mes favoris… Génial…

La semaine dernière, je me dis que j’allais retenter le plugin Foxmarks, et j’arrive enfin à me connecter! J’installe le module sur les deux pc. Résultat : la synchronisation marche parfaitement.

La démarche à suivre est très simple:

• Il vous faut un compte sur Foxmarks (gratuit)
• La première synchro demande soit de garder les favoris du serveur et ceux du pc, soit l’un des deux
• Une icône en bas à droite de la fenêtre Firefox affiche le statut de Foxmarks (« prêt », « en cours de synchronisation », « nouveaux favoris à synchroniser », « un problème est survenu »…)
• Je vous conseille d’activer la synchronisation automatique, qui permet de récupérer au démarrage et « silencieusement » les derniers favoris du serveur
• Ensuite, activez aussi la synchro à la fermeture (et de décocher la case « d’abord demander »), histoire de ne rien perdre en partant.

Finies les sessions de copier-coller de favoris. Foxmarks marche exactement comme je le voulais.

Quelques jours après la sortie de la version beta d’Internet Explorer 8, Mozilla a sorti une version beta de Firefox 3. Qu’en est-il de cette nouvelle version du navigateur favori des web designers ? Quelles sont les nouveautés ? Mais surtout : est-ce que les gros défauts de Firefox 2 (notamment l’utilisation de mémoire) ont été gommés ?

Interface

L’interface de Firefox m’a toujours plu, car elle est sobre mais fonctionnelle. La version 3 apporte son lot de nouveautés, plus ou moins intéressantes.

Bouton « Précédent » grossi

Ca saute aux yeux. Personnellement, j’utilise plutôt le raccourci clavier mais pour les fans de la souris, c’est un détail très pratique, conséquence de l’utilisation plus importante de ce bouton par rapport au bouton « Suivant ».

Barre d’adresses enrichie

Sous FF2, elle offrait déjà l’url et le titre de la page. De plus, elle mettait en premier les sites les plus visités. Avec FF3 s’ajoutent la favicon et une icône si elle est dans les favoris, avec en prime un design plus pratique pour bookmarker directement un site.

Gestion des favoris

Elle s’est bien développée. Les favoris seront gérés comme une mini-base de données, avec moteur de recherche, historique, gestion des tags… Les plugins de favoris ne seront plus nécessaires.

Performances

Mémoire

C’est le gros point noir de Firefox 2 : il utilise énormément de mémoire, sans compter celle que les plugins utilisent. Les développeurs ont beaucoup travaillés dessus. Stuart Parmenter, un développeur de Mozilla, explique comment ils sont arrivés petit à petit à gagner en performances. Le test consistait à ouvrir 29 pages dans 30 fenêtres, et ceci, 11 fois d’affilée, en fermant au fur et à mesure les fenêtres pour en garder 30 ouvertes à chaque instant. A la fin, une seule fenêtre restait ouverte pour voir si les navigateurs (ici FF2, FF3 Beta et IE7) récupéraient de la mémoire.

On voit que IE7 n’arrive pas à récupérer de la mémoire, même en laissant une seule fenêtre ouverte. Et on voit que le maximum qu’atteint FF3 est moins grand que ce que FF2 obtient au final.

N’oublions pas Safari et l’excellent Opera, qui ont été testés dans cet article et dont résulte ce graphique. Firefox 3 reste le plus performant.

Javascript

Le Javascript est omniprésent (notamment avec l’AJAX) que ses performances sont primordiales aussi. Là aussi, FF3 est le plus rapide.

Utilisation

Un navigateur se doit aussi de respecter l’internaute, et d’améliorer son expérience.

Sécurité

Ce n’est pas le point faible de FF2 mais mieux vaut prévenir que guérir. FF3 inclura un outil pour avoir directement des informations sur les sites qu’on visite, et aura un outil anti-phishing plus performant.

Standards du Web

En tant que web designer, cela nous intéresse. Au test Acid 3 (plus bas dans la page), FF3 s’en sort remarquablement.

Firefox semble devancer largement ses concurrents, et on espère que les plugins seront rapidement mis à jour, parce que c’est pour moi le point fort de Firefox.

MAJ : Safari est lui aussi en phase de beta test mais n’était pas inclus dans les résultats ci-dessus, faute de tests. Plus d’informations dans les commentaires ci-dessous.

La bataille très fructueuse des navigateurs continue. Un nouveau comparatif de performances JavaScript de Firefox 3.0 Beta 5 et Safari 3.1 sur Mac OS X nous montre que Firefox est plus rapide (de peu). Il est intéressant de noter que Firefox est encore en beta tandis que Safari est dans sa version stable. Ces deux là ne cessent de se battre au coude à coude. Une chose est sûre : nous (utilisateurs et web designers) sommes les grands gagnants de cette course vers la performance et le respect des standards.

Firefox 3 va très bientôt sortir en version finale. Il y a pour l’instant une version RC disponible. En attendant juin et la version définitive, inscrivez-vous au Firefox Download Day 2008. Ca consiste en quoi ? En fait, en s’inscrivant (gratuitement et en 2 clics), vous vous engagez à télécharger la version finale de Firefox le jour de sa sortie officielle (la date n’est pas encore définie, mais vous serez prévenu par mail si vous vous inscrivez). Vous permettrez ainsi de battre potentiellement le record de téléchargement d’un logiciel en une journée. Inutile me dites-vous ?

En fait, il faut voir derrière ce gros coup d’auto-promo une façon comme une autre de créer le buzz (comme souvent chez Firefox) pour faire découvrir Firefox 3 au plus grand nombre. C’est une manière très sensationnelle de créer l’évènement, le but n’étant pas forcément de battre le record mais plutôt de faire parler de cette nouvelle mouture de Firefox qui s’avère être très performante.

Ce matin en ouvrant mon navigateur préféré, une mise à jour de Colorzilla était disponible. Vous connaissez sans doute cette extension Firefox qui permet d’avoir un outil « pipette » dans votre navigateur. Ainsi, en naviguant sur un site, il suffit de cliquer sur l’icône Colorzilla et de placer le curseur sur un pixel d’un élément de la page pour connaître ses codes couleurs (RVB et Hexadécimal).

Souvent, lors d’une mise à jour, une page du site de l’extension s’ouvre pour vous décrire les maj installées. En général, je zappe rapidement cette page, pensant qu’il n’y a qu’une liste de bugfix sans intérêt pour ma part. Mais là, j’ai bien fait de lire les nouveautés.

Aujourd’hui, la version 2.0 de Colorilla est sortie. Quoi de neuf ? Et bien 2 fonctions bien pratiques :

• Webpage DOM Color Analyzer
  En un clic, vous obtenez une palette de couleurs du site sur lequel vous êtes. Mais le must, c’est qu’il dresse la liste des éléments qui utilisent les couleurs en question. Il y a même la possibilité de sauvegarder la palette ou d’obtenir un permalien vers celle-ci. Voici un exemple avec mon blog :
  
  Un excellent outil pour obtenir les couleurs d’un site que vous appréciez.
• Online Palette Viewer
  En complément de l’outil précédent, Colorzilla permet de visualiser, sauvegarder et partager les palettes de couleurs proposées par les utilisateurs. Par exemple, voici la palette du site du W3C. Vous remarquerez l’outil « pipette » en bas à gauche de la page, même si vous n’avez pas installé l’extension.

La version 2.0 porte plutôt bien son nom, avec son lot de fonctionnalités de partage très intéressantes, sans oublier la simplicité et l’efficacité du générateur de palettes.

Je suis un grand fan de la barre de recherche Firefox.

Très pratique et très simple d’accès (Ctrl+K), elle permet de gagner beaucoup de temps. Bon nombre de sites proposent d’installer le module de recherche pour leur site. C’est d’ailleurs une des premières choses que je vérifie lorsque je découvre un nouveau site. Non seulement c’est bénéfique pour l’utilisateur mais ça permet au site en question de fidéliser l’internaute en lui facilitant l’accès.

Malheureusement, tous les sites ne proposent pas ce module de recherche.
Lire la suite

Si l’on considère que le web design, c’est à 95% de la typographie (et c’est sans doute grandement vrai), le moteur de rendu du texte d’un navigateur devient un élément primordial dans le choix de ce dernier. Dans les navigateurs les plus répandus, il en existe un qui se démarque particulièrement dans ce domaine : Safari (que ce soit sous Windows ou Mac).
Lire la suite

Parfois, un dessin vaut mieux qu’un long discours… ou pas. Ca reste néanmoins très joli.

Ça ne vous arrive jamais de lire un article très intéressant sur un site, où l’auteur copie-colle des url dans son texte sans qu’elles soient cliquables ? Ma phrase n’étant pas très explicite, je vous offre un exemple :

http://www.monsupersite.com

Vous voudriez cliquer sur ce lien qui a la syntaxe et l’apparence d’un lien mais qui n’est malheureusement pas cliquable. Il faut sélectionner fastidieusement le lien, le copier, ouvrir un nouvel onglet, coller et appuyer sur Entrée. Rhaaa!

Deux solutions :

• modifier ces liens non cliquables en liens cliquables sur tous les sites de l’Alpha à l’Omega
• télécharger l’addon Text Link pour Firefox qui rend ces liens accessibles en double-cliquant dessus

Personnellement, j’ai choisi mon camp. J’ai déjà modifié 8432 liens.

Selon StatCounter, il y a aujourd’hui davantage d’utilisateurs de Firefox 3 que de IE6! En faites-vous partie ?

Suite au précédent billet, voici une info incroyable : Firefox est le seul navigateur utilisé dans plus de 14% des continents. La preuve :

Bravo à l’Antarctique. 🙂

Information Architects (les auteurs de l’excellent Web Trend Map) ont réalisé un mockup de ce que pourrait être l’interface d’un prochain Firefox. Ils avaient déjà été consultés en 2000 pour les débuts de Firefox et ils avaient annoncés: « Onglets ». Aujourd’hui, ils disent « Oubliez les onglets! »

« Forget Tabs! »

Les indispensables onglets du navigateur (introduits en 2000 par Opera 4) seraient dépassés. A priori, leur utilité décroit à partir de 8 onglets ouverts, notamment à cause de leur hétérogénéité (il y a peu souvent un lien entre deux onglets). L’organisation se ferait par dossiers.

J’avoue être peu enthousiaste à cette disparition des onglets parce que j’ai une forte tendance à en ouvrir beaucoup simultanément. Par exemple, je suis actuellement à 18 onglets et tous me sont utiles. Peut-être pas en même temps, mais sur une période d’une heure, je les visite tous.

Navigateur = Système de fichiers multimédia

Le navigateur est davantage un système d’exploitation qu’une application d’affichage des données.

Le web n’a pas arrêté d’évoluer et aujourd’hui, on y retrouve les mêmes éléments que sur un ordinateur personnel: applications (mail, management, utilitaires, jeux), multimédia (vidéo, photo, musique), documents (word, excel, powerpoint), communication… Je balance un peu en vrac les différents domaines mais vous voyez l’idée. On peut faire énormément en ouvrant uniquement son navigateur. Et si le cloud computing se démocratise, ça ne saurait que se confirmer.

Avec cette idée en tête, Information Architects voit Firefox gérer le web comme iTunes gère la musique. Le logiciel s’occupe de tout organiser et l’internaute n’a plus qu’à trouver facilement ce qu’il cherche, d’une manière ou d’une autre. Le but est d’accéder le plus rapidement possible à ce que l’on veut.

Ceci reste un prototype, une approche radicale qui change totalement l’utilisation d’un navigateur. A tester.

Pwn2Own est un concours officiel de hackers où le but est de trouver la faille dans des logiciels populaires, en l’occurence des navigateurs internet.

Il y a en tout 5 navigateurs à hacker:

• IE8, Firefox et Chrome sur Windows 7 (Sony VAIO)
• Safari et Firefox sur Mac OS (MacBook Air)

Safari hacké en quelques secondes

Le navigateur qui aura tenu le moins longtemps est Safari sur Mac OS. Il aura résisté quelques secondes face au hacker Charlie Miller, qui gagne ainsi $10,000 et la MacBook Air.

Le plus surprenant est de savoir que la faille utilisée existait déjà l’an dernier. Une seule faille suffisant pour être vainqueur, Charlie Miller (déjà vainqueur l’an dernier), gardait cette seconde faille au chaud pour cette année.

Et la citation qui fait mal:

Hacking into Macs is so much easier. You don’t have to jump through hoops and deal with all the anti-exploit mitigations you’d find in Windows.

IE8 hacké, Firefox difficilement hacké

Le hacker Nils est le seul à avoir réussi à hacker les 3 navigateurs principaux: IE8, Firefox et Safari, gagnant $5,000 pour chaque faille. Selon Charlie Miller, Firefox sous Windows était le plus dur à hacker.

Google Chrome, seul rescapé

Le seul navigateur à être resté inviolé est Google Chrome. Les deux raisons principales sont la qualité de sa sécurité et sa sortie récente. Il y a des bugs, mais ils sont dur à exploiter. Mais surtout, les hackers ont passés moins de temps dessus. Il est plus intéresssant de s’attarder sur les navigateurs les plus populaires que sur Chrome. Etant donné les gains relativement faibles par rapport au travail fourni, il est peu rentable de hacker Chrome.

Encore des plugins Firefox ? Oui, mais là, c’est différent :

In short, Jetpack is an API for allowing you to write Firefox add-ons using the web technologies you already know.

En gros, pour faire des plugins Jetpack, il suffit de s’y connaître en HTML/CSS mais surtout en Javascript. Tiens, « plugins »… « Javascript »… Ca rappelle exactement le plugin (XPI lui) Greasemonkey. Et dans un sens, ça rappelle aussi les bookmarklets.
Lire la suite

Si vous êtes sous Vista et que vous comptez upgradez prochainement à la version 3.7 de Firefox (qui ne le ferais pas ?), vous risque de tomber sur ce joli thème Firefox.

En surfant un peu sur le web (avec Chrome), je remarquais une fenêtre Firefox ouverte mais inutilisée. En l’ouvrant, je vis à quoi me servait véritablement Firefox.

En tout, 8 plugins que j’utilise +/- régulièrement :

• Shareaholic pour partager des articles
• Page Saver pour sauvegarder le screenshot d’une page entière
• Adblock Plus pour bloquer toutes les pubs (même celles en fond d’un site)
• Web Developer : le couteau suisse d’un développeur
• Colorzilla pour trouver le code couleur de n’importe quel pixel de la page mais aussi obtenir la palette de couleur d’un site
• Echofon (anciennement Twitterfox), l’excellent client Twitter pour Firefox
• Firebug : le meilleur plugin jamais conçu pour un intégrateur.
• XMarks pour synchroniser ses favoris sous Firefox

Et au beau milieu, une page web vide.

Eh oui : Chrome s’ouvre aussi vite qu’un explorateur Windows. Et va aussi vite que Notepad++.

UPDATE : je m’explique dans les commentaires. 🙂

Le SVG vous connaissez ? C’est des graphes vectoriels en XML. C’est cool parce que c’est du vecto et c’est donc scalable très facilement (j’avais fais des icônes en SVG une fois avec Illustrator pour un site mais ça marchait uniquement sous Opera).  C’est pas cool parce que c’est chaud à mettre en place, les navigateurs le gèrent mal et ça peut être moche en taille réduite.

Sur tapper[ware), un gars (un malade), a fait une sorte de Mario Kart en SVG. Vous pouvez voir la démo ici (ça ne marche que sous Firefox). Bon, c’est pas vraiment un jeu, mais juste une démo pour simuler le très célèbre Mode 7!

PS : mon record du tour est de 8:28 sec.

Chrome m’avait énormément séduit. Rapidité ? Incroyable. Système d’onglets ? Révolutionnaire. Interface ? Impeccable.

Mais je ne me suis jamais mis aux extensions, ni aux thèmes, parce qu’ils étaient soit inefficaces, soit inefficients (perte de performance notable), soit moches. Je voulais juste surfer, rapidement.

Puis, dernièrement, le Panda Rouge open source a su me séduire à nouveau…

Lire la suite

Faudrait savoir.