«Front-end» & «UX»: Tendances et nouvelles fonctionnalités

Trois de nos experts de l’équipe de développement front-end, Vivian, Philippe et Frédéric, ont pris la route vers New York pour assister à l’événement Smashingconf qui se déroulait du 10 au 13 octobre dernier. Smashingconf réunit plus de 300 personnes qui démontrent de l’intérêt envers tout ce qui a trait au web, de la conception d'interfaces à l'apprentissage automatique. Leur séjour fut rythmé de 14 conférences et à une tonne d'ateliers intéressants. On peut dire qu’ils sont revenus au Québec plus inspirés que jamais!

Nous experts vous partagent les prochaines tendances technos et les nouvelles fonctionnalités les plus intéressantes et prometteuses qu’ils ont notées au Smashingconf 2022.

Nouvelles fonctionnalités permettant aux composantes de s’adapter à leur environnement

Optimisation de la gestion du « responsive »

L’approche de développement web qui crée des changements dynamiques dans l'apparence d'un site en fonction de la taille et de l'orientation de l'écran de l'appareil utilisé pour le visualiser est optimisée. Les composantes peuvent désormais s’adapter à tous les écrans, sans demander un code spécifique. Il s’agit d’une immense amélioration pour l’expérience utilisateur. 

• Fonction css clamp() permet d’avoir des tailles d’éléments fluides qui vont s’adapter automatiquement à la taille de l’écran de l’utilisateur selon des règles établies.
• Containers queries CSS @container permettent d’avoir des composantes qui réagissent différemment selon l’espace qu’elles ont. Par exemple, le comportement dans une colonne latérale versus le comportement dans la colonne principale va être très différent.

Augmentation de la rapidité du développement dans certains contextes

Personnalisation des éléments de formulaires plus rapide et facile

La propriété CSS accent-color nous permet avec une seule règle CSS de gérer la couleur de tous les éléments de formulaires d’un site, y compris certains styles natifs qui sont habituellement définis par le navigateur.

Efficacité augmentée de la maintenance de projet grâce à un nouvel outil

Les layer queries CSS @layer permettent de mieux gérer l’ordre logique des règles CSS. Concrètement, elles vont simplifier l’édition du CSS en évitant les divers conflits pouvant apporter des bugs.

Amélioration de la communication entre les designers et les développeurs grâce à Figma

Création de «Design Tokens» avec Figma grâce au plugin Figma Token

Ces «design tokens» serviront à créer un pont avec le développement pour avoir des variables communes et ainsi accélérer le développement et la communication entre les départements.

Meilleures gestions des maquettes sur Figma

Présentation de techniques pour gérer efficacement les différentes maquettes (ordinateur, mobile, tablette, etc.) au sein de Figma.

Communication et cohésion d'équipe, même au télétravail

Optimisation des rencontres et gestion des temps de parole

Plusieurs conférences ont mis en évidence la difficulté de créer un environnement de travail cohésif et agréable, même avec la montée en popularité du télétravail. Une proposition marquante était celle de la gestion des temps de parole lors des réunions. Cela permet à tout le monde de s’exprimer, à dire son idée, et on peut nommer des animateurs différents à chaque rencontre.

Améliorer la livraison des projets grâce à la rétroaction

Encourager la rétroaction et les bilans de projet. Se rassembler hebdomadairement ou mensuellement pour faire le point sur ce qui a bien fonctionné, ce qui a un peu moins bien fonctionné et ce qu’on peut améliorer va énormément bonifier votre cohésion d’équipe. Tout le monde va être sur la même longueur d’onde, et en projetant une ligne directrice claire, l’équipe va pouvoir travailler en synergie vers les mêmes objectifs.

L’univers du Font-end et de l'UX est en constante amélioration, et c’est en connaissant et maitrisant les tendances et plus récentes fonctionnalités qu’on améliore nos pratiques. C’est également en solidifiant notre cohésion d’équipe et la gestion de notre temps qu’on perfectionne la livraison de nos projets. Smashingconf a permis à notre équipe de discuter avec une communauté partageant leur réalité et leurs défis.

Ce n’est pas un secret, nos experts Globalia sont des passionnés, et ils sont toujours bien enthousiastes à l’idée d’assister à des événements traitant de leur domaine. Nous avons d’ailleurs, dans les derniers mois, également participé au INBOUND 2022 et au Dot All 2022.

Vous souhaitez discuter plus longtemps de Front-end et de UX?
N’hésitez pas à entrer en contact avec notre équipe.