JT Yeek : cadeaux originaux geek et design

bbxdesign

CSS + WordPress + Web Design

Mode normal → (affichage complet du blog)

Suivant

Précédent

Logiciels

La guerre des navigateurs illustrée

Billet

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

La guerre des navigateurs

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 →

bbxdesign pour iPhone

Billet

Pour les heureux (ou pas) possesseurs d’iPhone, vous pourrez consulter bbxdesign sur votre iPhone grâce au thème WordPress pour Iphone: WPtouch. Ce plugin (compatible 2.7) transforme votre site pour qu’il soit parfaitement accessible avec l’interface iPhone. Et ça donne ceci:

bbxdesign version iPhone

En complément du site, j’ai réalisé une petite icône pour que vous puissiez ajouter un bookmark directement sur la page d’accueil (il suffit de rajouter un png de 57×57 pixels nommé “apple-touch-icon.png” à la racine de votre site).

bbxicon pour iPhone

Pour les possesseurs de blog WordPress, n’oubliez pas l’application WP pour iPhone qui reste la meilleure solution pour blogger depuis votre mobile.

Faut-il arrêter de coder pour Internet Explorer 6 ?

Billet

Tombe IE6

Ce débat est récurrent dans le temps parce qu’encore aujourd’hui, beaucoup d’intégrateurs s’efforcent de faire marcher leur site (ou ceux de leurs clients) sur IE6. Je ne suis pas le seul (français en tout cas) à réfléchir à ce problème, voire à y répondre carrément en proposant 5 raisons d’arrêter de coder pour IE6.

L’état des lieux

Internet Explorer 6 a globalement une part de marché de 36%. J’utilise TheCounter.com comme référence parce que d’autres sites (comme w3schools ou webreference) ne prennent en compte que leur propre traffic. Ce n’est que depuis février dernier que IE7 est passé devant IE6.

IE6 est sorti en 2001, et sa dernière grosse MAJ date de 2004. Le web étant ce qu’il est en terme de rapidité, IE6 est technologiquement dépassé depuis quelques années. Mais il reste encore très populaire parce qu’il est installé par défaut sur Windows XP.

Le logiciel est tellement buggé que cette page de résolution des bugs est (malheureusement) devenue une référence incontournable : Explorer Exposed.

La concurrence

Etant donné le succès très mitigé de Windows Vista, Internet Explorer 7 a des difficultés à se répandre, malgré le fait qu’il soit, contrairement à son prédécesseur, disponible en téléchargement gratuit.

Chez la concurrence externe à Microsoft, on trouve :

  • Firefox : populaire chez les web developers et chez les jeunes
  • Safari : populaire chez les Mac users
  • Google Chrome : très récent et relativement peu populaire (sans compter le buzz à sa sortie)
  • Opera : une perle malheureusement très inconnue du grand public

Aucun de ces logiciels ne peut néanmoins exploser au niveau du grand public, cette part de marché, grandissante, novice et à ne surtout pas négliger.

Pourquoi continuer à coder pour IE6

Pour le grand public justement. On peut se poser la question “Mais qui est assez bête pour continuer à utiliser IE6 ?”, mais l’on serait peu respectueux du fait que la plupart des gens ne savent pas ce qu’est un navigateur web. Vous en connaissez surement autour de vous, et vous ne pouvez pas les considérer comme imbéciles pour autant.

N’oublions pas que Tim Berners-Lee (l’inventeur du Web) veut que le Web soit ouvert et accessible à tout le monde, quelle que soit la plate-forme utilisée. Cela passe bien sûr par les Standards du Web, mais il faut tenir compte des faits, c’est à dire la popularité d’IE6.

Une autre raison de coder pour IE6, ce sont les clients. Imaginez que vous fassiez un site pour un prestataire, mais en le prévenant : “Votre site marchera très bien, à part pour un tiers de vos visiteurs, pour qui le site sera totalement buggé.”
Et si il vous demande pourquoi, il sera difficile de lui dire “Parce que le site est parfaitement codé.”

La grand majorité des clients se contrefichent du code derrière un site, et se soucient uniquement du résultat, ce qui est totalement légitime. Ils veulent un site qui fonctionne. Point. D’ailleurs, certaines web agency m’étonnent en mettant en avant le fait qu’ils codent en respectant les standards, tel un argument marketing de premier plan. Leurs clients sont peut-être des développeurs purs et durs qui n’aiment pas intégrer, je ne sais pas, mais ça m’intrigue.

Pourquoi arrêter de coder pour IE6

La raison principale : le temps.
Pour ma part, cela prend 50% de mon temps de faire fonctionner un site sous IE6, ou devrais-je dire, de débugger mon site… C’est comme créer deux sites distincts. Il faudrait facturer cette rétro-compatibilité (parce que oui, je considère IE6 comme rétro) au prix fort.

Autre raison : ne pas avoir à se brider.
Il y a les incapacités d’IE6 (png, hover, position fixed…) et les difficultés d’IE6 (float, margin, alignement…). Avec l’arrivée prochaine des propriétés CSS 3 (border-radius, ombre portée, display table…), ça sera encore plus vrai.

Pour les utilisateurs
Si un internaute voit la plupart des sites buggés sur son ordinateur, il pensera peut-être que le problème ne vient pas des sites mais de son logiciel. Mais il faudrait une action commune et concertée des web developers pour arriver à changer les mentalités. Ca semble compliqué à l’échelle de la planète ? Il suffit que Google dise “Arrêtez de coder pour IE6″ et le monde changera.

Faire un choix

Je pense que le choix se fait au cas par cas. Par exemple, je n’ai pas testé mon blog sous IE6 parce que le temps m’en manque, et parce que le public visé (très vaguement) n’est surement pas grand utilisateur d’IE6.

Mais pour un client (une assocation par exemple), il faudra se plier à cette compatiblité, par respect des utilisateurs, même si, sans qu’ils le sachent, ces utilisateurs ne nous respectent pas. ;)

Illustrator et le Gradient Mesh

Billet

Quel est le point commun entre ces 3 photos ?

Vous l’aurez deviné : c’est du vectoriel !

Vous connaissez peut-être ces 3 graphistes surdoués :

Le premier m’avait été présenté lors de ma formation de web design. J’avais alors bluffé puis dégoûté par Illustrator. Pourquoi utiliser un logiciel que vous ne maîtriserez jamais aussi bien que ces 3 personnes là ? :)

Leurs illustrations sont véritablement photoréalistes.

Google Chrome peut utiliser ce que vous écrivez

Billet

N’étant pas chez moi, je n’ai pas pu installer Google Chrome encore. Mais j’ai pu lire un extrait du EULA (End-User License Agreement) :

11.1 (…) By submitting, posting or displaying the content you give Google a perpetual, irrevocable, worldwide, royalty-free, and non-exclusive license to reproduce, adapt, modify, translate, publish, publicly perform, publicly display and distribute any Content which you submit, post or display on or through, the Services.

De quoi ? Lorsque je poste quelque chose en utilisant Google Chrome (un commentaire, une adresse, un billet…), Google a le droit irrévocable de redistribuer, modifier voire publier ces informations ? Ca m’étonne que personne n’en ai parlé. J’ai raté quelque chose ?

Wikipanion : Wikipedia sur iPhone

Billet

Le plus populaire des wiki obtient sa propre application iPhone pour naviguer encore plus facilement à travers ses millions d’articles : Wikipanion.

Même si le site est évidemment accessible via le browser de l’iPhone, cette application améliore considérablement la navigation (auto-completion notamment) et la lisibilité (mise en page adaptée au support).

Photoshop pour la vidéo

Billet

Des étudiants de Washington ont développé une technologie qui permet d’améliorer considérablement la qualité des vidéos en leur associant des photos de la même scène. L’amélioration de la qualité est extraordinaire.

Il est alors possible d’utiliser des techniques habituellement réservées à la photographie : retouche d’image, exposition, effets “Photoshop”… et surtout faire disparaitre un objet de la scène ! Allez voir ce projet génial : Video Enhancement.

Windows Mojave : le pouvoir de l’opinion publique

Billet

Prenez un produit A (Windows Vista).
Rassemblez des gens qui n’ont jamais utilisé le produit mais en ont beaucoup entendu parler (en mal).
Observez les réactions sur le produit A.

Présentez le successeur du produit A : le produit B (Windows Mojave).
Testez ce produit B sur les gens.
Observez les réactions sur le produit B.

Puis dites que le produit B est en fait le produit A : l’expérience Mojave par Microsoft.

Très intéressant de constater qu’on s’approprie très facilement l’opinion des autres au lieu de s’en créer une nous-mêmes. Et comme le dit le blog Vista :

There really is a gap between perception and reality.

J’ai découvert Vista parce qu’il est installé sur ma machine au travail. Après la période “Whaaa c’est beau”, j’ai eu quelques problèmes au niveau configuration. Mis à part ça, il est plus stable que mon Windows XP à la maison et j’apprécie fortement l’interface (notamment celle de la fenêtre d’exploration). En tout cas, mon expérience est bien plus agréable que celle que je redoutais en lisant les réactions à sa sortie. Je suis évidemment une cible de cette “Expérience Mojave”.

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 →

Populaire Tutoriels Fun