Accueil / Blog / Métier / 2017 / Butinage d'avril 2017

Butinage d'avril 2017

Par Simon Georges publié 04/05/2017
Contributeurs : Bénédicte Schmitt
Veille mensuelle réalisée par Makina Corpus sur l'actualité web.
Butinage d'avril 2017

La politique en France éclipsant une bonne partie de l'actualité ce mois-ci, nous rédigeons un butinage plus court que d'habitude (et vous donnons de quoi fuir la réalité...).

TL; PL (Trop long; Pas lu) : la réalité augmentée à portée de code !

Réalité augmentée en Javascript

Tous les domaines du développement web sont conquis par Javascript. Ce mois-ci, la réalité augmentée. Si vous pensiez que c'était compliqué, il est temps de reconsidérer : vous n'avez besoin que de 10 lignes ([EN]). Pour quelques lignes de plus, vous avez même Minecraft ([EN]).

Et la réalité augmentée est tellement populaire en ce moment que vous disposez d'une bibliothèque ReactJS ([EN]).

 

Plein d'autres choses en Javascript

On peut effectivement faire tout autre chose que de la réalité augmentée. D'abord, parce qu'il ne se passe pas un mois sans qu'on vous parle de Progressive Web Apps, un très bon article sur la tête de gondole des PWA : l'optimisation de l'application progressive Twitter Lite ([EN]).

Ensuite, parce que Javascript, c'est vaste, une plateforme qui commence à faire parler d'elle : Elm ([EN]).

Enfin, parce qu'on parle beaucoup de frameworks et peu de l'API elle-même, un petit rappel sur le vrai bon moyen de mesurer l'audience d'un site, la Page Visibility API ([EN]).

 

Le positionnement en CSS

Si CSS comporte des fonctionnements qui semblent invisibles ([EN]), nous disposons de nombreuses options pour contrôler le positionnement en CSS ([EN]).

CSS Box Model

Les deux options récentes qui gagnent en popularité sont Flexbox et CSS Grid, et si vous ne les connaissez pas, vous pouvez les apprendre en jouant (yeah !) : le jeu le plus récent est CSS Grid Garden ([EN]), mais on vous rappelle l'existence de Flexbox Froggy ([EN]), du même auteur, et Flexbox Defense ([EN]).

Et si vous ne vous en sortez pas avec CSS Grid, apprenez à faire la même chose en CSS standard ([EN]).

 

Accessibilité numérique

Améliorer son UX : accessibilité numérique et page 404

L'UX design a comme ambition d'apporter une expérience pleinement satisfaisante et plaisante. Mais pour qu'il en soit ainsi, il faut savoir inclure tout le monde – dont les déficients visuels - et tous les cas possibles – les erreurs.

En 2017, l'accessibilité numérique des sites des candidats à l'élection présidentielle française devrait être la norme. Or selon une évaluation experte et des tests utilisateur [FR] menés sur ces sites, il est étonnant de constater qu'un seul des candidats a amélioré sa note et que les notes ne dépassent pas les 6/10...

D'un point de vue un peu plus spécifique, quelques conseils dédiés aux applications mobiles [EN] ont été proposés dans le but de sensibiliser les designers à l'accessibilité des applications mobiles. En plus de ces conseils, en voici d'autres [EN], très simples à mettre en place, en vue d'améliorer l'accessibilité numérique sur l'ensemble des applications.

Page 404

Les pages 404, vous connaissez ? La gestion des erreurs est bien souvent oubliée et pourtant elle fait partie intégrante de l'UX. Voici quelques conseils pour en faire vos amies.  Si vous manquez un peu d'imagination, un site réunit quelques exemples intéressants de pages 404 et vous pouvez découvrir tous les lundis une nouvelle page 404...

Système d'exploitation dans les années 80

 

Ergonomie : un retour aux sources

En ce mois d'avril, plusieurs articles ont traité des règles de base à appliquer en ergonomie.

Les règles proposées par Ben Shneiderman [EN] ont ainsi été rappelées afin d'améliorer l'ergonomie des interfaces utilisateur. Par ailleurs, quelques conseils simples ont été prodigués afin d'améliorer l'utilisation de certains composants [EN] d'une interface utilisateur et d'autres concernent la mise en œuvre des fenêtres de dialogue modales et non-modales [EN].

Si jamais vous êtes amenés à concevoir des sites en anglais, voici quelques conseils [EN] pour bien rédiger votre contenu. Mais certains de ces conseils sont également applicables pour un site en français !

 

Brèves

ABONNEZ-VOUS À LA NEWSLETTER !
Voir aussi
Butinage de mars 2017 Butinage de mars 2017 04/04/2017

Veille mensuelle réalisée par Makina Corpus sur l'actualité web.

Butinage de février 2017 Butinage de février 2017 02/03/2017

Veille mensuelle réalisée par Makina Corpus sur l'actualité web.

Butinage de janvier 2017 Butinage de janvier 2017 01/02/2017

Veille mensuelle réalisée par Makina Corpus sur l'actualité web.

Butinage de décembre 2016 Butinage de décembre 2016 18/01/2017

Veille mensuelle réalisée par Makina Corpus sur l'actualité web.

Butinage de novembre 2016 Butinage de novembre 2016 02/12/2016

Veille mensuelle réalisée par Makina Corpus sur l'actualité web.