Choix technologiques

Même si je ne suis pas un des plus fervents défenseurs de l’accessibilité sur le net, j’essaye par principe d’en suivre au maximum les règles. C’est cette raison qui a orienté le choix de la technologie employée sur mon site vers le combo XHTML/CSS et un bon petit jQuery (qui m’impressionne chaque jour).

Mais il ne faut pas se voiler la face, jQuery et le langage JavaScript en général sont encore loin d’un Flash ou Silverlight, malgré les énormes progrès faits ces dernières années.

Et pour réaliser certains éléments de mon projet, je vais avoir besoin de ces technologies propriétaires. J’ai essayé de contourner ce problème dans un premier temps mais la réalité des choses m’a vite rattrapé, et me voilà maintenant confronté à de nouveaux problème techniques :

• Comment intégrer proprement un composant flash dans une application développée sous Symfony ?
• C’est quoi exactement la différence entre flash et flex ?  Qu’est-ce qui justifie le choix de l’un plus que l’autre ?
• Trouver une solution pour rendre le site accessible pour les non-flasheux.
• Prier pour que mon pote qui touche un peu flash touche en fait beaucoup …

Bref la mise en place de technologies riches implique pas mal de complications, mais en contrepartie, j’ai déjà des idées pour exploiter au mieux leurs possibilités en terme d’expérience utilisateur.

Ressource pour débutants (et confirmés) en jQuery

jQuery est un framework JavaScript relativement puissant mais qui au premier abord peut rebuter ceux qui n’ont jamais vraiment touché au JavaScript. Pourtant l’utiliser est un gain de temps certain.

Voici donc quelques ressources (en anglais) pour bien débuter en jQuery, certaines étant même utiles aux utilisateurs confirmés.

• 15 days of jQuery est un site où vous trouverez 15 tutos pour partir de 0 et devenir un vrai chamion du jQuery.
• Learning jQuery, un blog plein de ressources jQuery. Exemple, tutos, outils …
• jQuery for Designers, encore un blog, avec plein de tutos et sceencasts.
• How jQuery Works, la doc officielle.
• jQuery cheat sheet, à toujours avoir sous la main quand on développe
• jQuery in 15 minutes, un petit slideshow explicatif

Voila avec ça vous allez pouvoir faire des jolis sites plein d’AJAX, et n’oubliez pas de faire attention à l’accessibilité.

Accessibilité et bonnes pratiques avec jQuerry

L’accessibilité d’un site web est un critère important (Darklg explique d’ailleurs très bien pourquoi) que beaucoup de développeurs laissent de côté. J’avoue moi même ne pas m’y attarder toujours très longtemps, même si je ne suis pas vraiment un pur développeur à proprement dit.

L’un des freins à cette accessibilité, c’est le JavaScript. Très répandu, il ne fait pourtant pas plaisir à tout le monde. Mais bien utilisé, il peut ne plus être un critère bloquant.

C’est ce qu’a montré Simon Willison dans une présentation lors du XTech 2008. Intitulée Unobtrusive JavaScript with jQuery, il y explique les bonnes pratiques pour utiliser le framework jQuery dans la conception de sites accessibles à tous.

Même si vous n’êtes pas développeurs web, je vous conseille de visionner au moins les premières diapos, qui exposent bien les bases du problème et les principes globaux de la conception d’un site en JavaScript accessible. Les plus intéressés pourront parcourir les 134 slides.

Pour récupérer les ressources et outils mentionnés dans la présentations, rendez vous sur le site de Simon.