Une bonne antisèche des principales propriétés html5 et css3, c’est toujours utile. Même si aujourd’hui seules les dernières versions des navigateurs dignes de ce nom les interprètent, il peut être intéressant de découvrir les possibilités offertes par ces futurs standards. Utiliser moins d’images pour réduire le poids des pages et donc le temps de chargement est important, mais pour l’instant impossible sans délaisser les internautes équipés de vieux navigateurs.
Je vous laisse découvrir la suite de ce pense bête sur le site de l’auteur :HTML5/CSS3 CheatSheet
www.webaccessibilite.fr parle d’accessibilité web, on aurait pu s’en douter, sans que je vous le dise. C’est un site tenu par Patrice Bourlon, consultant indépendant en ergonomie et en accessibilité.
Je suis tombé ce matin, sur un de ses articles, datant du 26 aout de cette année, listant 10 critères, qui devraient tous être respectés.
Pour revenir sur le 6em critère, la tendance du moment est de contrôler les données des formulaires en javascript. Ça peut très bien fonctionner, et c’était déjà le cas quand les données étaient contrôlées avec Php, coté serveur. Le javascript, c’est bien, c’est chouette, ça permet de faire plein de choses, mais il faut faire attention à ne pas en abuser. En effet, comment se comporte votre formulaire si le javascript est désactivé, comment sont traitées les données ?
Personnellement, je suis un fervent utilisateur de JQuery. Le dernier plugin que j’ai fait (jquery scrollbar) fonctionne bien, est crossBrowser, le contenu est lisible si le javascript est désactivé. Mais il n’est pas compatible avec la navigation par tabulation, et c’est un gros défaut qu’il faut régler.
Et vous qu’elle place faites vous à javascript sur vos sites ?
Je vous donne quand même le lien de l’article en question : 10 critères d’accessibilité à respecter
plugin.scrollbar.js est mon premier plugin JQuery. Le besoin de cette création est apparu avec le développement du site d’un ami : Damien Balada
Après quelques petites recherches, je suis arrivé sur jquery UI, qui propose un slider. Mais ce dernier fonctionne par "cran" et perd donc un peu en fluidité. Je me suis donc lancé dans ce développement, plein de détermination, le regard fixé sur l’écran, en oubliant de cligner des yeux.
Après quelques de semaines de travail, j’arrive enfin à un résultat acceptable, suffisament en tout cas pour avoir envie de le partager.
Ce plugin n’a qu’une seule utilité. Celle de créer une scrollbar dans un élément de votre choix pour afficher un contenu d’une taille supérieure à celle de l’espace visible. Il s’adresse surtout à ceux (et celles) qui ne veulent plus voir la scrollbar du navigateur. La gestion du sroll molette est également intégrée à ce plugin, mais reste désactivable.
Pas mal de choses sont facilement configurables, la taille et la position de la scrollBar, du bouton. Il est également possible de définir plusieurs styles. Quand la taille de l’espace visible (taille_englobe) et de la scrollbar (taille_scrollbar) sont en auto, les dimensions s’adaptent automatiquement à l’espace disponible et s’adaptent à chaque redimensionnement de la fenêtre.
Ce plugin nécessite quelques autres fichiers javascript pour fonctionner : jquery-1.4.2.min.js, ui.core-1.7.2.js, ui.draggable-1.7.2.js et jquery.mousewheel.min.js l’appel du plugin ce fait de cette façon là :
#contenu étant l’id de l’élément qui accueillera la scrollbar. Les options du plugin
Télécharger cette démo (contient une version compréssée et une commentée du plugin) :
Télécharger uniquement la version compressée : plugin.scrollbar-min.js
Télécharger uniquement la version commentée : plugin.scrollbar.js
Mon coup de cœur du vendredi, c’est un site qui retranscrit des conversations de collégiens. On ne connait ni le nom de(s) la personne(s) qui le mette à jour, ni la localisation du collège, mais qu’est ce qu’on s’marre.
C’est dommage qu’il n’y ait pas plus de contenu, j’aurais volontiers lu quelques pages de plus. Mes collègues de bureau ont vite compris pourquoi j’éclatais de rire :D
Je ne vous retiens pas plus longtemps, le site est là : Seuil Critique
Je vous donne quand même ma préférée :

Le plugin jquery MouseWheel permet de gérer des actions lors d’événement sur la molette de la souris. Il suffit, pour l’utiliser d’inclure la librairie JQuery, et ce plugin, puis d’instancier la méthode comme ça :
Le paramètre delta retourne un chiffre positif quand on "pousse" la molette, et un chiffre négatif quand la ramène vers soi. La valeur de se chiffre peut varier suivant la vitesse avec laquelle on "pousse" ou "tire" la molette.
#element est l’élément qui sera sensible aux actions sur la molette. C’est à dire que tout mouvement de celle-ci en dehors de #element ne déclenchera aucunes actions (si ce n’est celles du navigateur)
Par exemple, sur ma dernière réalisation, sur l’élément #page_ecran, on décale l’élément #gallerie vers la gauche lors d’un delta négatif, et vers la droite lors d’un delta positif.
Je suis un concepteur et développeur web à Grenoble. Je développe essentiellement avec le CMS Spip. Actuellement en contrat chez Territorial, je continue ma veille technologique, et vous fais partager ce que je trouve utile et pratique.