JT Yeek : cadeaux originaux geek et design

bbxdesign

CSS + WordPress + Web Design

Mode normal → (affichage complet du blog)

Suivant

Précédent

javascript

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

Transformer IE6 en IE7 avec un JavaScript

Billet

Hier je suis tombé sur un post très surprenant : une librairie JavaScript qui fait fonctionner IE6 comme IE7.

Il s’agit d’un JS à implanter sur son site et qui (si le JS est actif chez le client) fixe les divers problèmes HTML et CSS de IE6. En gros, plus de problème de :

  • PNG
  • Margin
  • Pseudo-classes (hover notamment)
  • Positionnement

Je l’ai implanté sur mon site, mais n’ayant pas d’IE6 sous la main, je n’ai pas pu vérifier la performance du JS. Si un passant encore sous IE6 pouvait me le dire, ça serait sympa. Comment vérifier ? C’est simple : mon site est cassé sous IE6 (parce qu’il est bien codé ;) ) et ne le serait pas a priori avec ce JS.

“It sounds to good to be true, right?”

Comme le dit le site lui-même, ça semble trop étonnant pour être vrai. Les heures passées à régler les innombrables bugs d’IE6 seraient de l’histoire ancienne ? Cela voudrait dire aussi que l’excellent Position Is Everything ne serait plus indispensable ?

La réponse est : attendons de voir. Ce JS est relativement passé inaperçu donc je ne sais pas ce qu’il vaut exactement. Mais ça reste un grand espoir pour les web designers hostiles à ce fossile qu’est IE6.

Ajout d’un sélecteur de thème en javascript

Billet

Vous l’aurez peut-être remarqué si vous trainez parfois sur le site, j’avais ajouté un sélecteur de thèmes dans la colonne de droite. Il y avait 2 thèmes, et c’était un truc tout bête en javascript : en cliquant sur l’un des liens, ça changeait la “class” du body, et grâce à l’arborescence en CSS, ça changeait le fond du site. Malheureusement, dès qu’on changeait de page, ça revenait au thème par défaut.

J’ai donc demandé à quelqu’un qui s’y connaissait en JS pour ajouter une fonctionnalité pour sauvegarder le choix dans un cookie. Merci à Sylvain de m’avoir aidé. J’en ai profité pour rajouter un 3e thème, histoire de donner un peu le choix.

Guitar Hero en JavaScript

Billet

Par l’ami Bouctoubou, j’ai découvert un jeu très surprenant : JavaScript Rock Star. Ce qui est surprenant, ce n’est pas le gameplay mais plutot la technologie utilisée. La jouabilité est encore à revoir mais c’est néanmoins ludique. Utilisez les touches A,S,D,F et G pour taper respectivement les “notes” rouge, orange, jaune, verte et bleue. Une prouesse est d’avoir parfaitement synchronisé la vidéo Youtube au jeu. Une belle pub pour jQuery.

Mario Kart en Javascript

Billet

Mario Kart en Javascript

Si vous avez quelques minutes à perdre, testez donc ce surprenant Mario Kart en Javascript. C’est tout léger et c’est super sympa. Cependant, ne vous attendez pas à revivre les mêmes sensations qu’il y a 15 ans. Pas tous les concurrents, pas toutes les courses, pas de ralentissement dans l’herbe, pas de pièces, et surtout pas d’items. Mais il faut avouer que le plaisir de jeu est bien présent.

Via Kottke

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.

12

Populaire Tutoriels Fun