Graphisme & Webdesign
Je viens de changer de nom de domaine principal pour ce blog. Du coup j’aimerais vous donner quelques tuyaux des étapes à ne pas oublier lors du changement de nom de domaine d’un blog géré sous WordPress.
Je fais remonter un post de l’an dernier pour ce qui concerne les problème de gestion des PNG transparents dans Internet Explorer 6 et antérieur.
Pour avoir cherché récemment encore une façon adapté de remédier à ce problème je suis retombé sur ce script de Unit Interactive.
Il s’agit d’une solution en Javascript ultra légère et réellement fiable à la différence de nombreuses copies peu abouties et mal codées.
Bref, Unit PNG Fix is The Solution !!!
Il y a certaines balises XHTML que l’on a tendance à oublier. C’est le cas pour moi des listes de description et ses balises DT, DI, DL, DD.
Rien de nouveau concernant la gestion du CSS dans les mails. Les problèmes sont toujours les mêmes mais il semblerait que les choses évoluent doucement tout de même. Un avenir rayonnant se profile-t-il pour la beauté de nos newsletter !
L’éditeur de logiciels Freshview propose sur l’un de ses sites un référentiel des CSS et de leurs interprétation selon les principaux clients de messagerie.
Le projet Email Standards propose également une première base autour de l’application de standards d’interprétation du code HTML par les clients de messagerie. C’est par le biais de leurs propre « Acid Test » qu’ils définissent leur classement.
Comme par hasard c’est Microsoft avec Outlook 2007 et Google Mail qui se démarquent par leur interprétation fantaisiste du code HTML et des CSS. Ca ne vous rappelle rien?
Rien de nouveau, vraiment rien de nouveau…
Mon boulot de webdesigner m’a amené à travailler sur le découpage et l’intégration des sites dont je fais le design. Le XHTML et le CSS font maintenant parti intégrante de mon travail. En travaillant en webagency pour des clients publics, j’ai été confronté au besoin de respecter des standards d’accessibilité définis en France par le référentiel RGAA et le label Accessiweb.
Mais pourquoi respecter de tels standards ?
Personnaliser l’aspect de ses formulaires (le retour) …
Customformelements.net
No-margin-for-errors.com
Des templates de sites tout prêts ...
Il s’agit là de structures de site html/css prédécoupées.
Intensivstation.ch
Code-sucks.com
Css.alsacreations.com
… et la même chose pour les newsletter :
Cakemail.com
Des menus en css tout prêts.
13styles.com
Qrayg.com
Prochain article autour du design ce coup-ci. L’intégration c’est bien gentil mais bon…
www.webresourcesdepot.com propose un article sur FLIR. Il s’agit d’une nouvelle technique qui permet d’intégrer n’importe quelle police dans un site web. Cette technique est basée sur l’utilisation de javascript.
sIFR est également une technique souvent utilisée. Elle utilise une fonctionnalité de Flash pour embarquer des polices en ligne et afficher une correspondance graphique du texte ainsi transformé. Cependant cette technique est lourde et complexe à mettre en place.
FLIR utilise le même principe avec des fonctions javascript qui preload une police. Un script php créé l’image avec cette police et insère l’image à la place du texte.
FLIR peut être utilisé avec les librairies javascript JQuery, Mootools ou encore Scriptaculous.
L’ensemble des scripts propres à FLIR doivent peser 60Ko et permettent donc un affichage instantané du texte transformé à la différence de sIFR qui est plus long à se charger.
Encore du Javascript !
Niceforms 1.0 est un script qui permet de personnaliser l’apparence de ses formulaires.
Niceforms 1.0 propose un script et une feuille de style qui permettent de revoir le design de tous les éléments de formulaire comme on peut le voir sur cet exemple.
Libre à chacun d’utiliser les images que propose le site ou de créer les siennes. Je conseillerais quand même de faire le tri dans le script en fonction de ce que vous utilisez même si le script dans son ensemble pèse moins de 20Ko.
A noter que ce script a été intégré dans la bibliothèque JQuery que vous pourrez trouver ici.
