Publié le samedi 6 octobre 2007 à 11:12 dans la catégorie Standards - aucun commentaire
Tags associés : css, font-face, mobile web design, safari, standards
@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).

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 !
Publié le dimanche 29 juillet 2007 à 12:11 dans la catégorie Standards - 3 commentaires
Tags associés : svg
Vladimir Vukićević a programmé une galerie de photos très simple en SVG. Elle affiche seulement 4 images mais tout le code nécessaire à son utilisation est contenu dans l'unique fichier photos.svg.
La démo permet de déplacer et redimensionner les photos à son gré. Bien sûr c'est vraiment très rudimentaire mais ça nous permet de voir les possibilités offertes par SVG + JavaScript. Par contre, sans que je sache pourquoi ça ne fonctionne pas sous Opera 9.22 et Safari 3beta sous Windows, seulement avec Firefox 2.
Publié le jeudi 28 juin 2007 à 20:34 dans la catégorie Standards - aucun commentaire
Tags associés : hugo larcher, rss, vincent durmont
Pour bon nombre d'utilisateurs fréquents d'Internet qui consultent des dizaines de sites webs par jour , les aggrégateurs RSS tels netvibes sont devenus indispensables. Mais comment expliquer leur utilisation à des internautes lambdas ? Jusqu'à présent je me servais de la page écrite par Frédéric Cavazza car je trouve sa présentation bien tournée...
Outre atlantique ils ont la chance d'avoir cette vidéo. Vincent Durmont et Hugo Larcher, deux de mes camarades de l'INSA de Rouen l'ont adaptée en français :
Plus de raison de pas savoir utiliser cet outil rapidement indispensable.
Publié le samedi 23 juin 2007 à 11:48 dans la catégorie Standards - aucun commentaire
Tags associés : apple, safari, standards
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).
