Navigosaure.net

@font-face et Mobile Web Design

Publié le samedi 6 octobre 2007 à 11:12 dans la catégorie Standards - aucun commentaire
Tags associés : , , , ,

@font-face est une propriété CSS2 qui permet d'utiliser sur un site web une police de caractères non présente sur l'ordinateur de l'internaute. Le navigateur la télécharge sur un serveur Web et l'applique automatiquement. Et bien sachez que cette propriété est disponible dans les dernières nightlys de WebKit, on peut donc supposer que les prochaines versions majeures de Safari et Konqueror intégreront cette fonctionnalité. Des rumeurs parlent aussi d'un prochain support de @font-face par Opera. Quant à Internet Explorer, il supporte déjà depuis longtemps (95 ?) cette propriété mais uniquement pour des polices dans un format Microsoft. Pour Firefox la donne est différente, la version 3 (prévue début 2008 environ) ne supportera pas @font-face et il n'y a pas de date précise pour les futures versions.

Exemple d'utilisation :

@font-face {
    font-family: "Swiss 721";
    src: url("swiss721lt.pfr"); /* Swiss 721 light */
    font-style: normal, italic;
    font-weight: 200;
}
h1 { font-family: "Swiss 721", sans-serif }

Tout ça pour dire que ce sont les graphistes qui vont être content car ils attendent cette fonctionnalité depuis longtemps. Par contre nous, les internautes, risquons d'en baver ! Mon côté pessimiste me pousse à croire que de nombreux webmaster vont trouver un vrai plaisir à ajouter pleins de polices non adaptées au Web sur leurs sites le rendant 1) plus lourd à charger 2) complètement illisible dans certains cas...

Un autre problème à soulever à mon avis est la licence des polices de caractères. C'est un milieu assez fermé avec des grandes restrictions. Je vois déjà les gens regarder le code source des sites Webs pour récupérer la police et la réutiliser plus tard ce qui n'est pas permis par leur licence (en tout cas pour la majorité des polices).

Un autre sujet sur lequel je voulais dire un mot est la conception de sites Webs pour les téléphones mobiles. De nombreux sites (dailymotion, GWT, etc.) ont adapté leur interface à l'iPhone (je ne parle pas des versions mobiles de ces sites qui existait déjà pour les smartphones avec Pocket IE et qui à mon avis sont amenées à disparaître).

Photo de Safari sur l'iPhone

Cette adaptation a demandé un phase de conception plus ou moins lourde (prise en compte de la taille de l'écran en pixel, des fonctionnalités supportées par Safari mobile, etc.) mais quid des prochaines concurrents de l'iPhone ? LG, Nokia, etc. sont déjà en train de préparer leur iPhone-killer qui aura sûrement des spécifications différentes. Imaginons que l'un de ces téléphones arrive au même niveau de part de marché que l'iPhone (voire plus), il faudra réadapter la version mobile du site. On voit bien que ce n'est pas une solution à long terme, on va vite retomber dans un guerre de navigateurs, mais cette fois-ci en version mobile. La seule solution que je voit dans l'immédiat pour ne pas trop s'embêter est de développer ses sites aux standards du Web, et c'est aux navigateurs mobiles de s'adapter (voire d'adapter les sites lors de l'affichage comme fait Opera mobile), pas l'inverse !

Nouvelle version de Safari pour Windows, beaucoup plus stable !

Publié le samedi 23 juin 2007 à 11:48 dans la catégorie Standards - aucun commentaire
Tags associés : , ,

Pour ceux qui avait testé la version 3.0beta comme moi, sortie il y a quelques jours et qui avait été déçu par sa stabilité sachez que la nouvelle version 3.0.2 corrige entre autre :

Safari sous Windows devient donc enfin utilisable !

Pour avoir accès au nouvel inspecteur DOM (que je trouve très joli), il vous faudra télécharger la dernière version nightly de WebKit pour Windows puis de lancer le fichier run-nightly-webkit.cmd (après avoir installé Safari).

Mimulus : un éditeur XHTML minimal pour Firefox

Publié le jeudi 8 février 2007 à 22:13 dans la catégorie Firefox - un commentaire
Tags associés : , ,

Mimulus est une extension pour Firefox qui sert d’éditeur XHTML minimal. Par minimal il faut comprendre qu’il ne sait faire que des modifications très basique. Plus précisément il transforme un onglet en éditeur WYSIWYG : le curseur change et vous permet de modifier le contenu textuel directement dans la fenêtre du navigateur, mais aussi d’ajouter des nouveaux éléments comme des titres ou des listes grâce a de simples raccourcis-claviers.

Avant de pourvoir modifier la page, il faut d’abord l’avoir sauvegardée sur votre disque dur. Une option est disponible (raccourci Ctrl+H) pour éditer le code source du document. Cette extension se veut la moins intrusive possible, c’est à mon goût réussit car il s’agit juste d’une icône (de plus, voire de trop, pour certains) dans la barre de statuts de Firefox.

Lire la suite

Paris Web 2006 : un fiasco total

Publié le mardi 26 septembre 2006 à 10:14 dans la catégorie Divers - 2 commentaires
Tags associés :

Il y a des jours où il faut savoir arrêter d’être émerveillé par tout et n’importe quoi. Depuis vendredi on lit de nombreux éloges de la première édition de Paris Web 2006 sur la blogosphère francophone, mais on en oublie trop vite ses défauts de jeunesse...

Lire la suite