Le Web évolue. En l’espace d’une quinzaine d’années, la production de services en ligne est passée du stade artisanal au stade industriel. Très vite, les outils se sont affûtés, les métiers se sont spécialisés, les besoins se sont révélés. Les sites optimisés pour IE6 sont devenus obsolètes grâce à l’arrivée de Firefox, de Chrome, de Safari et surtout des smartphones. Grâce aux spécifications élaborées par le W3C, il est maintenant possible de créer des sites Web fonctionnant sans artifice avec tous les navigateurs.
Un site Web passant le test du validateur W3C est un pré‐requis, mais cela ne suffit pas à en faire un bon site, il faut aussi prendre en compte la notion d’accessibilité et évaluer la facilité d’utilisation, tout en pensant à son référencement. Gérer cet ensemble de contraintes pour répondre aux besoins s’appelle la Qualité.
Fort d’une longue et solide expérience, Élie Sloïm, Laurent Denis, Muriel de Dona et Fabrice Bonny viennent de publier le livre Qualité Web. Il est le fruit d’une longue expérience qui l’a conduit, avec Fabrice Bonny, à créer OpenWeb, un site qui explique toutes les techniques à employer sur le Web, puis le projet Opquast, un ensemble de bonnes pratiques (en accès libre et en licence creative commons BY-SA) pour la qualité des services en ligne.
Accessibilité
Tim Berners‐Lee a défini l’accessibilité du Web :
« Mettre le Web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. »
OpenWeb
Créer un site Web en n’utilisant que les normes comme source de documentation est possible mais assez pénible. Le site OpenWeb contient les méthodes qui permettent de les mettre en application à partir d’exemples. On y apprend toutes les techniques qui permettent de passer de la théorie à la pratique. Les articles contiennent des exemples commentés. C’est aussi le site idéal pour aborder les techniques du Web.
Opquast
Opquast est le recueil des pratiques à mettre en œuvre pour s’assurer de l’interopérabilité du site Web, de son accessibilité et de sa fonctionnalité.
Livre Qualité Web
L’ouvrage Qualité Web est un prolongement du site Web Opquast, c’est‐à‐dire 217 bonnes pratiques documentées, une à une, en détail : de quoi s’agit‐il ? Comment le faire ? Comment s’assurer que cela a été fait ? Ce livre est l’aboutissement d’une douzaine d’années de travail d’une équipe d’experts.
Élie Sloïm
Il vit près de Bordeaux (un coin de France où sont nées les RMLL), mais il faut parfois aller à Genève pour le rencontrer (RMLL 2012).
Pour le présenter, il n’y a pas mieux que Élie Sloïm sur Temesis.
Aller plus loin
- Le livre Qualité Web (589 clics)
- Les bonnes pratiques de la qualité Web (365 clics)
- Élie Sloïm (80 clics)
- OpenWeb (317 clics)
- Opquast (Open Quality Standard) (180 clics)
- La qualité s’impose sur le Web (85 clics)
- Temesis (77 clics)
# Commentaire supprimé
Posté par Anonyme . Évalué à 1.
Ce commentaire a été supprimé par l’équipe de modération.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par Maxime (site web personnel) . Évalué à 9.
Je n'ai rien compris. Alors je me dis que je ne suis peut-être pas le seul dans ce cas : tu peux préciser ce dont tu parles ?
[^] # Commentaire supprimé
Posté par Anonyme . Évalué à 2.
Ce commentaire a été supprimé par l’équipe de modération.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par Maxime (site web personnel) . Évalué à 3.
C'est bon, il me manquait le site web dont tu parlais : http://www.temesis.com/
J'ai désactivé JavaScript pour comprendre ce dont tu parlais (parce qu'avec JS activé, pas de problème). Effectivement, c'est un peu dommage.
Par curiosité, pourquoi désactiver le JavaScript ? J'imagine que beaucoup de sites ne marchent plus correctement sans JavaScript de nos jours.
[^] # Commentaire supprimé
Posté par Anonyme . Évalué à 7.
Ce commentaire a été supprimé par l’équipe de modération.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par Nim . Évalué à 3.
C'est peut-être vrai (tu sais mieux que quiconque ce qui a un intérêt pour toi mais je sais très bien que c'est facile de s'enfermer dans une posture « geek-vieux-con ») mais je trouve dommage de se couper de sites comme OpenStreetMap (par exemple).
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par gnuzer (site web personnel) . Évalué à 2.
En effet. Je navigue souvent sans js et je trouve ça vraiment chiant de d'être obligé d'activer javascript quand je tombe sur un site embarquant une widget OpenStreetMaps. Celui-là, par exemple. Surtout que ça fait chauffer et ramer mon PC pour pas grand-chose (j'ai juste besoin d'afficher la carte de la France et d'avoir une petite description en mouseover sur les épingles).
Ce serait bien d'avoir des liens en map:// dans les pages web, qu'on ouvrirait avec le client de bureau qu'on veut. Est-ce qu'on verra un jour apparaître des clients de bureau pour les cartes interactives ? Mieux : est-ce qu'on verra apparaître un protocole fait pour ça ? HTTP, c'était vraiment le protocole le mieux adapté pour diffuser des cartes ?
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par Nim . Évalué à 1.
Le WMS est un protocole adapté pour diffuser des cartes.
Par contre à ma connaissance, il n'y a pas de serveur officiel qui serve du WMS pour OpenStreetMap.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par gnuzer (site web personnel) . Évalué à 2.
« Web Map Service ». Mouais.
C'est pas vraiment de ça que je parle. Là, on a un protocole-over-http, encore.
C'est peut-être très adapté, je ne m'y connais pas assez pour juger, mais j'ai testé l'instance SUAS 4 sur easywms, visiblement ça ne fonctionne que si on active javascript.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par Nim . Évalué à 1.
C'est lisible avec un logiciel desktop comme Qgis. Après cela ne répond pas aux mêmes problématiques.
[^] # Commentaire supprimé
Posté par Anonyme . Évalué à 0.
Ce commentaire a été supprimé par l’équipe de modération.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par ckyl . Évalué à 3.
Bha juste code le (et publie auprès d'un organisme la spec du protocole qui va avec au passage).
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par lolop (site web personnel) . Évalué à 5.
Et c'est bien dommage. Que les pubs, des éléments de navigation en plus, nécessitent JavaScript, pourquoi pas. Mais le contenu lui-même devrait arriver à s'afficher correctement sans JavaScript. Ou alors ce n'est plus le web, c'est de l'applicatif.
Python 3 - Apprendre à programmer dans l'écosystème Python → https://www.dunod.com/EAN/9782100809141
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par psychoslave__ (site web personnel) . Évalué à 7.
Sinon avec requestpolicy on s’apperçoit que opquast, Les bonnes pratiques de la qualité web, n’est pas fonctionnel si on active pas les dépendances externes (googleapi, etc.).
Les conseils qui y sont donnés sont peut être pertinent, mais ça ne fait pas très sérieux quand on met en avant la résolution de problèmes d’accessibilité.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par isildur37 . Évalué à 9.
Naviguer sans JS aujourd'hui, c'est un peu comme naviguer en mode texte, ou naviguer sous IE6 : les sites ne sont plus faits pour cela. On peut le regretter, le contester, mais les choses sont comme cela.
Soyons réalistes, on ne peut concevoir 25 versions d'un même site pour répondre aux demandes de chacun (kikoo, ergonomique, sans JS, IE6 mode…). Et maintenir l'ensemble cohérent et à jour est un casse-tête inimaginable.
L'ergonomie, ça consiste justement à rendre les choses simples pour 99% des personnes.
Si vous voulez que les choses soient possibles sans JS, proposez un framework qui prend en charge la conversion(compatible avec les principaux navigateurs, of course). Et bonne chance pour détecter si le client accepte ou non le JS… Vu que cette fonctionnalité requiert justement l’exécution d'un script JS.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par Grunt . Évalué à 9.
Peut-être, mais : quand un site a pour but de publier des infos (ce que le Web permettait de faire dès le début, sans javascript), et qu'il ne fonctionne pas sans Javascript pour une fonctionnalité qu'on savait faire sans, c'est une régression.
THIS IS JUST A PLACEHOLDER. YOU SHOULD NEVER SEE THIS STRING.
[^] # Commentaire supprimé
Posté par Anonyme . Évalué à 4.
Ce commentaire a été supprimé par l’équipe de modération.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par fravashyo (site web personnel) . Évalué à 2.
ok pour dire qu'un site devrait pouvoir être navigable en désactivant JS.
Néanmoins allez jusqu'au bout de votre démarche : en quoi il y a une obligation de mettre en lien toute la partie "Accessibilité + WCAG, RGAA, ATAG" ? Avec Links, avec Dillo, ça indique clairement que le lien est sur le mot "Accessibilité" et pas sur le reste, ce que corrobore l'examen du code :
Il n'y a d'ailleurs pas de JS sur ce lien. (l'effet général est sans doute géré par jquery qui englobe ce qui va sur le bouton)
Bref, même si le site abuse sans doute d'effets graphiques, il reste accessible pour les aveugles, pour les gens qui surfent avec un navigateur n'ayant pas accès à JS, après, si ça fait des effets de bords d'utiliser Firefox sans JS (il n'est pas spécialement prévu pour ça), il suffit de changer de navigateur.
« I approve of any development that makes it more difficult for governments and criminals to monopolize the use of force. » Eric Raymond
[^] # Commentaire supprimé
Posté par Anonyme . Évalué à 2.
Ce commentaire a été supprimé par l’équipe de modération.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par gnuzer (site web personnel) . Évalué à 3.
Là-dessus je suis d'accord avec lui, Firefox n'est pas vraiment prévu pour naviguer sans js.
Je ne sais pas comment il se débrouille d'ailleurs, on l'impression qu'il affiche la page sans javascript, mais qu'il l'affiche dans la disposition qu'on aurait si javascript était activé. Vraiment bizarre.
Un exemple : les pages Youtube. Tu surfes dessus avec lynx ou w3m, tu vois la description de la vidéo dans sa totalité. Avec Firefox, quand je veux connaître la licence d'une vidéo Youtube, je dois activer javascript pour youtube.com, activer javascript pour ytimg.com, puis cliquer sur le ptit bouton "show more". Ou alors faire Ctrl+U et chercher le mot "license" dans le code.
Firefox a un comportement vraiment bizarre. :/
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par Tony Flow . Évalué à 3.
Je trouve ça bizarre comme propos… Surtout le fait de cibler Firefox, je me suis vraiment demandé ce qu'il pouvait bien faire pour être si mauvais sans JS, ne voyant pas ce que ça pouvait bien changer.
En essayant de comprendre le problème, j'ai l'impression qu'on reproche ici à Firefox d'interpreter les CSS ! Bref il ne serait pas pire qu'un autre navigateur… Si vraiment ça pose problème c'est encore une fois du site dont il faut se plaindre, avec de mauvais choix de CSS par défaut (par exemple une div masquée en CSS uniquement visible après action JS : il faudrait qu'elle soit visible par défaut et que le JS la masque au chargement de la page).
Dans ce cas pourquoi ne pas dire à Firefox de ne pas utiliser les CSS ? En plus je pense que c'est loin d'être le pire navigateur pour gérer les styles (sans extension particulière : affichage / style de la page / aucun)
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par gnuzer (site web personnel) . Évalué à 2.
Merci ! Je ne retrouvais plus ce foutu menu de choix de feuilles de style, je pensais qu'il avait disparu avec Firefox 4.0. En fait, non il a juste disparu du menu réduit, quand on affiche la barre de menus, on y a de nouveau accès.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par fravashyo (site web personnel) . Évalué à 1.
je n'ai pas cela dans Dillo.
un navigateur qui a été conçu à la base sans support de JS, comme par exemple Dillo.
« I approve of any development that makes it more difficult for governments and criminals to monopolize the use of force. » Eric Raymond
[^] # Commentaire supprimé
Posté par Anonyme . Évalué à 0.
Ce commentaire a été supprimé par l’équipe de modération.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par Arathor . Évalué à 3.
Il faut savoir : tu veux être spartiate ou pas ?
:D
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par Nonolapéro . Évalué à 3.
Pour ça tu peux aller dans les préférences et demander à ne pas modifier le menu contextuel. Avec Firefox, Préférences > Contenu > Avancé… du JavaScript > décocher « désactiver ou modifier le menu contextuel ».
[^] # Commentaire supprimé
Posté par Anonyme . Évalué à 0.
Ce commentaire a été supprimé par l’équipe de modération.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par Nonolapéro . Évalué à 2.
Du coup, regarde du côté des informations de la page avec le clic droit. Il y a la liste des images dans Médias.
[^] # Commentaire supprimé
Posté par Anonyme . Évalué à 2.
Ce commentaire a été supprimé par l’équipe de modération.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par ckyl . Évalué à 4. Dernière modification le 12 octobre 2012 à 14:30.
Y'a pas besoin de javascript pour ca. Suffit de superposer deux div et de mettre l'image avec un z-index inférieur… Mais c'est hype de critiquer js sans forcément y comprendre grand chose.
[^] # Commentaire supprimé
Posté par Anonyme . Évalué à 1.
Ce commentaire a été supprimé par l’équipe de modération.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par ckyl . Évalué à 3.
Si je résume tu dis que JS c'est de la merde par ce que quelqu'un fait un truc qui te plait pas avec. On peut faire strictement la même chose avec un bête CSS donc si on est un peu logique tu devrais dire que CSS c'est de la merde. Ce que tu ne fais pas. Bref passionnant…
[^] # Commentaire supprimé
Posté par Anonyme . Évalué à 1.
Ce commentaire a été supprimé par l’équipe de modération.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par isildur37 . Évalué à 0.
Le JS s’exécute à peu près partout de la même manière. On ne peut pas en dire autant de HTML, ou, encore pire de CSS. JS fournit donc bien souvent une solution simple à cet enfer qu'est l'interopérabilité entre les implémentations des standards web.
On n'est pas responsable des personnes qui utilisent IE (par choix personnel, obligation pro, ou même par défaut). Et aucun industriel ne peut se permettre de se passer de 50% des utilisateurs mondiaux. Or, il faut le prendre en compte lorsque l'on code un site pro.
Sur le fond je suis d'accord : pour afficher 3 liens, on ne devrait pas avoir besoin de JS. Mais avec le contexte actuel, c'est irréalisable : hélas, la moindre propriété avancée en CSS3/HTML un peu récente est bien implémentée dans Chrome et Opéra, moins bien dans Firefox, et pas du tout dans IE. Et je ne parle même pas dans des navigateurs tels que lynx, Konkeror et autres joyeusetés…
Enfin, aujourd'hui vous devez en plus gérer du mobile : redimensionnement dynamique en fonction de la taille d'écran, ce qui vous rajoute grosso modo 3 navigateurs supplémentaires à gérer. Et là, sans JS c'est tout simplement impensable…
[^] # Commentaire supprimé
Posté par Anonyme . Évalué à 1. Dernière modification le 12 octobre 2012 à 15:15.
Ce commentaire a été supprimé par l’équipe de modération.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par isildur37 . Évalué à 2.
Et tout le monde hurlait parce que Flash était utilisé massivement. Oui, parce que le public attend un truc "joli". La technique derrière, Mme Michu se fout que ça soit en JS, CSS, ou pure HTML. Et ceux qui commandent des sites web ne veulent plus du site qui a 10 ans. C'est un cercle, à chacun de déterminer s'il est vertueux ou vicieux.
J'aimerai que vous me montriez un proto de site sans JS qui marche aussi bien sur mon smartphone que sur mon écran 23" (et bientôt sur la TV). Et ne me sortez pas qu'il faut faire 3 sites, car pour déterminer le type d'écran, il faudrait de toute façon utiliser du JS…
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par leolio . Évalué à 2.
On peut le faire en CSS : http://www.w3.org/TR/css3-mediaqueries/
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par ckyl . Évalué à 2. Dernière modification le 12 octobre 2012 à 17:43.
En fait dès que tu sors du simple site web qui ne font que présenter du texte tu tombes rapidement sur des problèmes qui demandent du JS pour être résolu. Que ce soit pour structurer de l'information, avoir un site interactif ou faire une vraie application web. C'est triste mais une vérité. Selon les cas tu vas décider que la version dégradées est suffisante (en général de la présentation de texte) ou qu'il te faut trouver un moyen d'implémenter le comportement voulu.
Quand tu as beaucoup beaucoup de chance, un autiste à réussi à trouver une solution (portable sur toutes les cibles visées) d'une complexité affolante à un problème simple en CSS (genre ca pour faire afficher un pauvre ellipsis). Mais autrement y'a pas 50 solutions.
Comme souvent c'est aussi une question de cout. On peut faire beaucoup de choses, mais le prix final est très différent.
[^] # Commentaire supprimé
Posté par Anonyme . Évalué à 1.
Ce commentaire a été supprimé par l’équipe de modération.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par flagos . Évalué à 5.
Non, parce qu'a la place on était obligés de mettre des images de partout:
- pénible a faire car il faut dégainer du gimp/photoshop
- lourd a charger
- lourd a afficher en terme de CPU
Aujourd'hui, c'est simple, léger et standard. Et on trouve encore des gens sur DLFP pour raler !
[^] # Commentaire supprimé
Posté par Anonyme . Évalué à 0. Dernière modification le 12 octobre 2012 à 17:49.
Ce commentaire a été supprimé par l’équipe de modération.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par flagos . Évalué à 4. Dernière modification le 12 octobre 2012 à 18:15.
Le CSS3 est justement la pour éviter ce que tu décris.
Un coup de firebug et tu as un rendu visuel très rapide de tes modifs et hop je reporte ca cash dans la css. Je n'ai plus besoin d'allumer gimp, le résultat est plus rapide a avoir en css qu'avec gimp.
Je n'ai jamais parlé de js. Le bloat, c'est justement de fournir une image de 50ko pour faire un bouton avec un bord arrondi et un dégradé a l’intérieur lorsque 2 lignes de css moderne suffisent..
Et ben vas y, ressors ton p2 233 et installe firefox1.0 qui ne supporte rien de moderne: tu vas te trainer le dard comme jamais. D'ailleurs, si les sites modernes s'affichent correctement et rapidement sur smartphone, c'est bien que tout ce beau monde que tu décris tant s'est largement amélioré.
[^] # Commentaire supprimé
Posté par Anonyme . Évalué à 2.
Ce commentaire a été supprimé par l’équipe de modération.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par fravashyo (site web personnel) . Évalué à 4. Dernière modification le 13 octobre 2012 à 11:59.
le CSS3 c'est vraiment bien, par contre c'est plus lourd en terme de CPU qu'une image, car ça oblige à calculer les effets. Pour les coins arrondis ça ne semble pas trop un problème, mais pour les effets d'ombre, ça pompe rapidement les ressources d'un vieil ordinateur (même si ça s'est amélioré dans les navigateurs récents)
Et surtout le CSS3 ça permet de rationaliser et simplifier le design d'un site (pas de multiples petites images merdiques juste pour faire un coin ou de l'ombre)
« I approve of any development that makes it more difficult for governments and criminals to monopolize the use of force. » Eric Raymond
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par devnewton 🍺 (site web personnel) . Évalué à 4.
Et pour les personnes non ou mal voyantes, des sites js bloat, c'est tout simplement inutilisable.
Le post ci-dessus est une grosse connerie, ne le lisez pas sérieusement.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par isildur37 . Évalué à 2.
C'est l'argument le plus pertinent que j'ai vu aujourd'hui, et là y'a un vrai problème, car les personnes ne s'excluent pas par choix(désactivation du JS pour une raison X ou Y), mais sont exclues par la technologie. La question d'une utilisation pertinente du JS est ici fondamentale.
En général, le JS permet d'ajouter une dynamique, et n'influe pas sur un contenu texte (ou alors, il le récupère et l'affiche dans une balise), le laissant tout à fait lisible par les liseuses.
Il y a des boites qui justement utilisent le JS pour leur rendre accessible le contenu aux malvoyants, couplé avec le CSS pour recréer la structure du texte. Je ne sais pas ce que ça donne, mais ça avait l'air prometteur il y a quelques années.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par ckyl . Évalué à 7.
Je pensais comme toi mais c'est faux. Y'a pas mal d'applis avec quelques dizaines de millier de ligne de code en JS qui passe les certifications d'accessibilité requises par certains marchés. Ce qui va du daltonisme jusqu'aux aveugles qui utilisent un screenreader. J'y connais pas grand chose personnellement, mais en travaillant proprement je suis étonné par le peu de problèmes que nous remontent les équipes qui s'occupent de ca.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par Ludo . Évalué à 2.
http://www.w3schools.com/tags/tag_noscript.asp
Avec ça tu peux gérer les deux cas.
Je ne dis pas que c'est facile, juste que c'est possible.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par isildur37 . Évalué à 1.
Effectivement, je ne connaissais pas cette fonctionnalité. Bon, tant qu'on est sur du texte, ça passe. Mais dès qu'on est sur des choses plus complexes (graphique, images), ça devient plus compliqué et lourd (dimensionnement des serveurs pour générer les images, chargement systématique des images pour ceux qui utilisent le JS, …).
Pour ma part, JS fait parti du pack que l'on doit avoir lorsque l'on va sur un site web. Venir sans c'est comme exiger d'avoir une version du site en HTML1 ou HTML2. L'usage qui en est fait parfois est critiquable (rendre des balises ), néanmoins, dès que l'on veut du dynamisme, de l'animation, c'est un outil indispensable.
Enfin, la tendance actuelle tend à considérer le navigateur web comme une machine virtuelle et non plus seulement comme un afficheur. Les "sites" entièrement en JS côté client se multiplient, où c'est le client qui décide quand il va chercher les infos, et lesquelles, comment et où les afficher. Je suis plutôt d'accord avec le fait que ce ne soit plus vraiment un "site", mais une "appli". D'autant plus que ces applis ont un rendu qui est calculé par le code js, et non plus défini statiquement par le serveur. Les gains sont multiples : forte scalabilité (navigation stateless), charge plus faible côté serveur, forte interactivité, au prix d'une consommation de ressources plus élevée côté client.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par sifu . Évalué à 2.
Je suis pas sûr de bien comprendre…
Effectivement, si tu fais pas certaines choses côté client, il faudra bien les faire si possible côté serveur.
Après, pour ton histoire de pack, disons que tout dépend du site web ;)
Le JS est utile pour certains choses mais pas indispensable pour faire un site web. Si l'on prend Wikipédia, la version sans JS est plus qu'utilisable.
Pour le reste, je suis d'accord que les navigateurs sont de plus en plus vu comme des machines virtuels. Par contre pour les sites où c'est la donnée qui compte, elle devrait être accessible facilement de façon brute.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par devnewton 🍺 (site web personnel) . Évalué à 2.
http://www.webtoolkit.eu/wt ?
Le post ci-dessus est une grosse connerie, ne le lisez pas sérieusement.
[^] # Re: Bof, un probleme d'ergonomie rencontre des les premieres secondes...
Posté par Al . Évalué à 3. Dernière modification le 12 octobre 2012 à 17:53.
J'utilise l'extension firefox NoScript, qui permet d'autoriser sélectivement le javascript, et du coup, je constate en pratique que le fait de désactiver javascript par défaut pose rarement un problème pour les sites que je visite.
- Pour les sites de vidéo, rien à faire, il faut javascript.
- Pour les interfaces d'administation, il faut javascipt aussi, mais ce ne sont plus vraiment des sites de toutes façons.
- Pour les sites des journaux, les blogs, forums ou autres, souvent ce n'est pas la peine, au pire il y a quelques petits bogues à l'affichage, mais dans ce cas, tant pis.
- Pas de problème avec wikipedia.
Donc « pas faits pour ça » , c'est possible, mais je suis plus gêné par les sites qui veulent me faire utiliser flash, par exemple. Parce que pour ces sites, c'est tout ou rien, soit on a flash, soit on ne l'a pas.
# Formation des webmestres
Posté par Pierre Jarillon (site web personnel) . Évalué à 10.
De la même façon que beaucoup de personnes se sont improvisées webmestres, des professeurs ont commencé à donner des cours de création de sites web sans avoir eux-même reçu de formation et sans connaître les bases du métier.
C'est ainsi que les cours dispensés se concentrent sur le mode d'emploi de photoshop et de flash ainsi que sur l'aspect artistique. Or comme le web évolue et évolue vite, ces personnes créent des sites difficiles à référencer et à utiliser pour beaucoup d'usagers du web.
La faute incombe aux professeurs qui ne remettent pas en cause leurs connaissances et aux étudiants qui n'ont pas envie de faire de la technique. Ce dernier point que m'a rapporté un étudiant pourrait être résolu si les professeurs étaient capables de les sensibiliser à la Qualité du web.
Le résultat est la production de pages où l'accessibilité est nulle, la recherche textuelle et le référencement impossibles. Je n'ai pas eu à chercher bien longtemps pour trouver un triste exemple. Il s'agit du premier prix à un concours de création de sites web.
[^] # Re: Formation des webmestres
Posté par isildur37 . Évalué à 1.
Les formations dignes de ce nom ne forment pas à ce que vous dîtes.
L'ergo et la SEO sont au contraire au coeur des problématiques auxquelles sont sensibilisés les étudiants. Mais c'est sûr que si vous considérez les initiations dans les maisons de quartier ou celles de l'AFPA comme des formations, effectivement, beaucoup de bêtises grossières sont dîtes ici.
Ensuite, flash : très apprécié des graphistes, car très puissant. Mais depuis qu'Apple ne le prend pas en charge sur iPhone, la techno a fortement périclité (et tant mieux).
Concernant Photoshop (ou Gimp), ce sont des outils incontournables. CSS3 évite l'utilisation catastrophique d'images pour tout et n'importe quoi. Mais cela nécessite là encore un véritable apprentissage théorique. Et une pratique pour savoir ce qui marche, ce qui ne marche pas sur tel ou tel navigateur.
Malheureusement, les adeptes du Do It Yourself ont souvent des recommandations qui ont plusieurs années (mois dans le meilleur des cas) de retard, et s'autoproclament "formateurs". Ils sont aussi souvent assez peu adepte de la remise en question et de l'adaptation.
Donc, couplez ce genre d'incompétent et un marketeux/commercial qui ne veut qu'un site sexy, et vous obtenez des aberrations (ergonomie infecte, temps de chargement trop long, impossible à référencer, non-conformité aux normes W3C basiques).
[^] # Re: Formation des webmestres
Posté par coid . Évalué à 4.
En même temps, il n’est pas surprenant que ceux qui vendent des formations crachent sur les autodidactes. C’est l’intérêt qui parle.
[^] # Re: Formation des webmestres
Posté par isildur37 . Évalué à 6.
Je ne suis pas formateur. Je suis dev et je reporte ce que j'ai pu voir (et, parfois dû maintenir et débugger). Quand je cite l'AFPA, c'est parce que j'ai vu le code des devs qui venaient de là bas : fichiers php de 20 Mo, aucune notion de conception objet, php qui "echo" du js au lieu de le mettre proprement dans un fichier séparé. Bref, capable de coder, mais sans aucune connaissance des bonnes pratiques.
Au contraire, je suis pour l'autodidacte (une grande partie de mes connaissances techniques en provient). J'ai appris la guitare également comme cela, et en quelques cours, le prof a corrigé bon nombre de mauvaises pratiques que j'avais adoptées.
Le seul problème c'est qu'il ne faut pas se faire passer pour formateur sans que les connaissances acquises aient été un minimum validées par quelqu'un de reconnu du domaine (expert, formateur, …). Et encore moins vendre des formations là dessus. Où alors au minimum y apporter les réserves indispensables.
Quand je vois des formateur web qui ne savent pas ce qu'est le W3C, j'ai le droit d'avoir quelques doutes sur leurs compétences. Dont bien sûr aucun de leurs sites ne passent aucun des tests W3C…
[^] # Re: Formation des webmestres
Posté par Nasga . Évalué à 1.
Moi, ce qui me chagrine, c'est le temps que prend le w3c pour le html5…
Qui sortira le premier : html5/php6 ou duke nukem forever 2 ?
Le seul intérêt que je trouve à suivre les recommandation w3c sur le xhtml, c'est de garder un dom propre et facile à maintenir.
[^] # Re: Formation des webmestres
Posté par isildur37 . Évalué à 2.
Ce n'est pas le plus gros souci : l’implémentation CSS2 n'est même pas encore finalisée dans les navigateurs. Et on ajoute CSS3 et HTML5, qui ont une complexité d’implémentation nettement supérieure…
Donc, le temps de standardisation, même s'il fait tâche, n'est pas le plus problématique. Avant que l'on ait quelque chose d'exploitable avec ces technos, sans trucage, compatible sur les principaux navigateurs, on a quelques années devant nous.
[^] # Re: Formation des webmestres
Posté par El Titi . Évalué à 2.
Au fait personne, pour relever que cette belle dépêche nous vante un bouquin qui n'est pas sous une licence libre.
Paille, poutre ?
[^] # Re: Formation des webmestres
Posté par Zenitram (site web personnel) . Évalué à 2.
Peut-être juste parce que ça n'a rien à voir?
Quel est le problème que le livre ne soit pas libre? Il a dit quelque part que c'était libre? Il parle de standards, et je ne vois franchement pas le problème avec un livre sous licence non libre pour parler de standards. Chacun est libre.
[^] # Re: Formation des webmestres
Posté par El Titi . Évalué à 1.
Relis le commentaire auquel je réponds stp. Tout comme un autodidacte sur des standards web se fait de la pub, cette dépêche vise le même objectif , standard ou pas. Je ne vois pas de différence. Si je veux des bouquins sur les technos ouvertes et les standards, je n'ai qu'à puiser dans la collection O'Reilly ou faire une recherche sur Amazon.
[^] # Re: Formation des webmestres
Posté par ckyl . Évalué à 2.
Bon en même temps si tu fais ca professionnellement en général tu dois te frapper le support de navigateur qui ont passé leurs 6 ans… Vive le web !
# Les bons sites sont ...
Posté par Pierre Jarillon (site web personnel) . Évalué à 2.
Pour définir ce qu'est un bon site, on peut dire qu'il doit s'afficher correctement et vite même avec une liaison pas très rapide. On doit pouvoir le lire avant d'avoir reçu toutes les images.
Ensuite, l'internaute doit trouver sans effort ce qu'il cherche.
Il y a des sites qui répondent parfaitement à ces critères. Ce sont des sites qui présentent des pages simples et sobres. Google est un bon exemple.
A contrario, certains sites sont tellement chargés et lourds dans leur conception qu'ils peuvent être difficiles à utiliser. Un exemple est le site de Météo-france http://france.meteofrance.com/ : Il me demande systématiquement d'activer les cookies alors qu'ils le sont. Les pages sont surchargées de publicités, et des centaines d'éléments graphiques doivent être chargés, ce qui allonge excessivement le temps de chargement.
Lorsque le temps de chargement est trop long, le visiteur n'attend pas. Au delà de 10s, le visiteur s'impatiente. Au bout de 20s il y a de grandes chances qu'il ne soit plus là et qu'il n'ait pas très envie de revenir.
[^] # Re: Les bons sites sont ...
Posté par isildur37 . Évalué à 2.
Bon résumé d'un "bon site" : rapide, compréhensible, ergonomique.
Les boites comment à revenir sur des sites plus simple pour une raison bête : les smartphones et tablettes. Ceux-ci ont généralement une connexion limitée, et les gens veulent de l'efficacité.
Et des sites qui mettent moins de 10s pour se charger sur un mobile, je n'en connais pas beaucoup. La cause souvent à des images envoyées depuis le serveur, et aux pubs (nécessaires bien souvent pour financer les sites).
Encore une fois, les bonnes pratiques risquent de s'imposer non pas parce qu'elles sont bonnes, mais parce qu'elles sont indispensables pour attirer les client.
Suivre le flux des commentaires
Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.