le contenu | le büh | le sommaire | les liens
le jeudi 30 août 2007
Fred Cavazza nous dresse sur son blog un panorama de ce qui existe comme services exploitant les technologies du Web 2.0, et surtout, comment ces services vont pouvoir évoluer.
Hypothèses d’évolution pour le web 2.0
Un billet très intéressant, non seulement pour les hypothèses envisagées mais aussi pour le passage en revue de l'existant.
le jeudi 30 août 2007
La DGME vient de refondre le référentiel qui était en vigueur jusqu'à présent, et a publié un nouveau référentiel : Référentiel Général d'Accessibilité pour les Administrations (RGAA).
Ce referentiel a été rédigé par des experts des questions d'accessibilité, dont :
Comme le précèdent référentiel, celui-ci s'adresse avant tout aux services de l'état qui souhaitent rendre accessible leur sites. Mais la qualité du document en fait une base solide pour tous les webmasters.
Le RGAA s'appuie sur les standards internationaux en vigueur : W3C/WAI/WCAG 1.0.
Les techniques d’application de ces standards s’appuient sur 3 ressources :
Le RGAA reprend donc l'articulation des WCAG 1.0 mais avec une présentation différente.
Chaque directive contient un ou plusieurs points de contrôle, articulés ainsi :
La structure d’une fiche est expliqué dans le détail dans le document au format pdf Description et scénarios.
Liste des directives du RGAA : Il y a 14 directives accompagnées de 65 points de contrôle.
Un certains nombre de points de contrôle peuvent être contrôlés de manière automatique, en utilisant un validateur spécifique comme le validateur HiSoftware® Cynthia Says™ Portal accessible depuis la barre Web Developer dans le Menu Outlis, Validate WAI. Les autres points devront être contrôlés "à la main".
Quand on regarde les 14 chapitres de ce référentiel on se rend compte qu'il s'agit en fait des 14 points des WCAG du W3C que l'on retrouve en français ici : Directives pour l'accessibilité aux contenus Web
Première réaction :ils se sont pas trop foulés 
Plus sérieusement, en y regardant de plus près, on se rend compte alors que même si la base reste le WCAG, cela va beaucoup plus loin dans les conseils et les procédures indiquées.
Personnellement je suis un peu déstabilisé car j'appréciais l'organisation des critères selon AccessiWeb (Guide Accessiweb). Il faudra voir à l'utilisation.
J'ai commencé par me faire sous Excel une checklist, à insérer dans le process de développement web.
le mercredi 29 août 2007
Pour coder nos pages, nous utilisons souvent Dreamweaver, mais il existe, au travers des extensions de Firefox et IE, des outils bien utiles et qui peuvent faciliter le développement et le déboguage des des pages internet.
Cette extension pour Firefox permet d'ouvrir dans Firefox la page courante dans un onglet mais avec le moteur d'Internet Explorer. Cela permet de rester dans Firefox pour tester une page, et donc, de gagner du temps.
L'activation se fait via un bouton qui vient se nicher dans la barre d'état.
Il s'agit d'une extension Firefox qui rajoute une barre d'outils à la fenêtre du navigateur, et qui offre d'énormes possibilités :
La liste est longue de toutes les possibilités de cet outil.
Une petite extension Firefox qui permet d'avoir l'outil pipette à l'intérieur de Firefox. Cela récupère une couleur issue de la page courante (possibilité de l'avoir en hexa) et ensuite nous pouvons l'appliquer dans notre code.
Il s'agit d'une extension puissante de Firefox qui permet d'analyser son code xhtml et css, tout en restant dans Firefox.
Comme je vous le montre dans cette capture, vous avez une fenêtre au bas de votre navigateur (que vous pouvez détacher) qui affiche sur la partie de gauche votre code xhtml. Lorsque vous cliquez sur une balise, l'élément désigné va se colorer dans votre page internet : ainsi sur la capture, on voit que l'élément h2 possède une marge au dessus (coloré en jaune).
De plus en bas, dans la fenêtre de Firebug, à droite, vous avez un schéma de l'élément qui vous indique les dimensions de votre éléments, son padding, son border, et son margin.
L'onglet Style lui permet de repérer dans votre css les éléments redondants en les barrant. Vous pouvez désactiver temporairement un style en cliquant sur l'icône précédant une css.
Cet outil propose aussi un debogueur javascript.
Il s'agit d'une extension Firefox qui ajoute un bouton dans votre fenêtre d'état qui vous permet d'afficher dans une nouvelle fenêtre les sélecteurs css que vous utilisez dans votre page, et qui ne sont pas utilisés. Pratique pour nettoyer sa css, mais il faut quand même faire attention à ne pas supprimer des selecteurs css utilisés dans d'autres pages du site.
LinkChecker vérifie la validité de chaque lien d'une page Web.
Une coloration de type vert, jaune, rouge vous indique si le lien est valide, douteux ou cassé.
Il arrive souvent qu'une page s'affiche correctement sous Firefox, mais pose problème sous IE. Cette extension IE permet, entre autres, d'afficher dans une fenêtre les attributs xhtml et css des éléments survolés, comme vous pouvez le voir dans cette capture.
le dimanche 26 août 2007
Petite trouvaille de la soirée : on peut se débarrasser, en css, du contour en pointillés autour des liens qui apparait lorsque l'on clique dessus.
Cela ressemble à cela : 
Le code css :
a{
outline: none;
}
Et le tour est joué 
L'utilisation de de cet astuce est certes plus esthétique, mais elle empêche une navigation au clavier.
En effet, avec la touche tab, il est possible de naviguer de liens en liens, sans avoir recours à la souris. Cela permet au personnes qui ne peuvent pas (ou ne veulent pas) utiliser la souris de pouvoir tout de même naviguer sur le site.
Ainsi, si on enlève les pointillés autour du lien qui a le focus, cela empêche de repérer le focus, et donc la navigation ne sera plus possible.
Conclusion : on oublie cette astuce
le jeudi 23 août 2007
Et oui, je me lasse très vite :p
Donc voici un nouveau thème très... sombre 
J'espère qu'il vous plaira !
Vous pouvez retourner à l'ancien par le sélecteur de thèmes qui se trouve au bas de la barre de menu à gauche.
le jeudi 23 août 2007
Il nous est tous arrivé de nous poser la question en regardant une jolie police utilisée dans une image : "Mais quelle est donc cette police ?"
MyFonts permet de retrouver la police utilisée dans une image en uploadant tout simplement votre image.
le mercredi 22 août 2007
Petite trouvaille du jour : un blog consacré à Photoshop, Illustrator et quelques autres logiciels de graphisme.
Particularité du blog : il propose des tutos sous la forme de vidéos.
le mardi 21 août 2007
Une application a été montré cette année au Siggraph par le docteur Ariel Shamir. Elle permet de préserver intelligemment le contenu d'une image lors du redimensionnement. Une petite vidéo vaut mieux qu'un long discours :
Bluffant n'est ce pas ? On attend avec impatience que ce type de manipulations soit intégré dans Photoshop un jour.
le lundi 13 août 2007
Je me suis enfin attelé à la refonte de mon blog.
J'ai commencé par enlever tout ce qui me paru inutile comme le calendrier, ou les trackballs.
Ensuite, j'ai revu la disposition des blocs et j'ai décidé de laisser toute la largeur au contenu des billets, et de reléguer le sommaire et les liens tout en bas.
J'ai aussi crée un bloc pour me présenter.
Et j'ai conclu tout ça en donnant un nouveau design frais et coloré