JT Yeek : cadeaux originaux geek et design

bbxdesign

CSS + WordPress + Web Design

Mode normal → (affichage complet du blog)

Suivant

Précédent

firefox

bd cinéma couleur css firefox google gratuit ie6 interface iphone javascript jeu musique navigateur new york photo photoshop police vidéo wordpress

Le rendu de texte sous Safari

Billet

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 →

Laissez tomber la barre de recherche Firefox

Billet

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

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 →

Sortie de Colorzilla 2.0, avec son générateur de palette de couleurs

Billet

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 :
    Webpage DOM Color Analyzer
    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.

Aidez Firefox à battre un record

Billet

Spread Firefox - Download Day 2008

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.

Firefox 3.0 Beta 5 plus rapide que Safari 3.1

Billet

Comparatif JS Firefox et Safari

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 sera le meilleur navigateur internet ?

Billet

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.

Graphique performances Firefox 3

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.

Performances Javascript

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.

Firefox 3 et le Phishing

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 3 : Test Acid 3

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.

Synchroniser ses favoris Firefox sur plusieurs ordinateurs avec Foxmarks

Billet

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 :

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.

Foxmarks

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.

Forcer tous les liens à s’ouvrir dans la même page Firefox

Billet

Browser Link ExcerptCa 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 →

Opera veut forcer IE à respecter les standards

Billet

Opera VS IE

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 →

12

Populaire Tutoriels Fun