Demande de démonstration
Pour une vue d'ensemble

Blog

Conférence Digital Labin 2023

Dans le monde bouillonnant de l'innovation numérique, rester à l'avant-garde ne consiste pas seulement à maîtriser les outils et les technologies les plus récents, mais aussi à favoriser une communauté collaborative et engageante. En septembre dernier, notre équipe de développeurs s'est lancée dans un voyage passionnant en participant à la conférence Digital Labin.

6 octobre 23

l'équipe cenosco à digital labin

Au-delà de leur simple participation, nos étudiants ont fait partie intégrante de cet événement, mettant en valeur leur talent et accueillant tous ceux qui étaient désireux d'en savoir plus sur notre équipe. Dans ce blog, nous dévoilons les points forts et les enseignements précieux de cette conférence inoubliable, mettant en lumière la fusion dynamique de l'apprentissage, du plaisir et des opportunités prometteuses qui nous attendent. Rejoignez-nous pour raconter nos aventures et nos découvertes à la conférence Digital Labin, une célébration de la croissance et de la camaraderie dans le monde de l'innovation numérique.

Frontend : Donner vie à la conception d'une page par Locomotive

La masterclass a commencé par un examen approfondi de la conception, méticuleusement élaborée par Locomotive et présentée à travers Figma et une page web dédiée. Il était essentiel de comprendre les subtilités de la conception pour mettre en œuvre efficacement la mise en page unique souhaitée. Les développeurs ont adopté la méthodologie BEM (Block Element Modifier) pour CSS, adaptée à la portée de ce projet, garantissant une approche structurée et organisée.

Pour obtenir un effet de défilement fluide, l'équipe de Locomotive a introduit sa bibliothèque de défilement fluide, judicieusement nommée Locomotive-scroll. Cette bibliothèque a non seulement offert une expérience de défilement exceptionnelle aux utilisateurs, mais elle a également fourni aux développeurs des outils leur permettant d'animer de manière transparente les éléments de la page web. Les animations du titre "SWAG" et de l'image du modèle ont été lancées lors du défilement, démontrant ainsi le potentiel de cette bibliothèque.

En utilisant SCSS et CSS, les développeurs ont employé des techniques d'animation créatives pour le titre "SWAG" et les images SVG. Les propriétés CSS "transform" et "transform-origin" ont été utilisées efficacement pour les animations d'images. Une boucle for dans SCSS a permis des animations par lettre pour le SVG, donnant vie à la conception d'une manière engageante et visuellement attrayante.

En incorporant une animation CSS basée sur le défilement dans la section des affiches, l'équipe a introduit une liste de produits avec un effet de cascade. L'attribut de progression du défilement de Locomotive-scroll a permis un contrôle précis des déclenchements d'animation. La progression du défilement, avec des paramètres de décalage définis, a facilité la synchronisation des animations avec le défilement de l'utilisateur, ce qui a permis d'obtenir une liste de produits dynamique et attrayante.

Les développeurs ont souligné l'importance de l'accessibilité, en insistant sur la nécessité d'assurer la visibilité du texte et le contraste des couleurs pour tous les utilisateurs. Dans la section éditoriale, ils ont montré comment les variations de conception peuvent être gérées efficacement tout en maintenant l'accessibilité. En outre, la classe a mis en évidence l'utilisation d'éléments HTML natifs pour créer des composants d'accordéon accessibles et légers.

Pour conclure la masterclass, les développeurs ont créé une galerie en utilisant la disposition en grille et ont appliqué un effet d'animation de défilement à l'aide de GSAP (GreenSock Animation Platform). GSAP a permis de réaliser des animations sophistiquées et d'obtenir l'impact visuel souhaité. En outre, un modèle 3D d'un chapeau basé sur WebGL a été intégré, mettant en évidence la polyvalence de technologies telles que THREE.js.

Sanja Božić, développeur Frontend :

La masterclass de Locomotive a fourni des informations précieuses sur la création d'un site web captivant d'une page, en mettant l'accent sur des structures de codage efficaces, un défilement fluide, des techniques d'animation et des considérations relatives à l'accessibilité. La combinaison de bibliothèques telles que Locomotive-scroll, GSAP et THREE.js, ainsi que de méthodologies de codage structurées, a démontré la puissance et la polyvalence du développement frontal moderne.

En maîtrisant ces techniques et en les intégrant à nos projets, nous pouvons améliorer l'expérience des utilisateurs et créer des sites web d'une page convaincants qui s'inscrivent dans le paysage numérique dynamique d'aujourd'hui. Bon codage !

cenosco à la conférence digital labin 2023

Masterclass : Design spéculatif - Relever les défis des sociétés futures

La masterclass, animée par un talentueux designer UX Tech Lead, a été extraordinaire. C'était une expérience vraiment immersive et instructive qui a plongé dans le domaine de la conception spéculative. Ce qui l'a rendu encore plus remarquable, c'est l'approche non conventionnelle que nous avons adoptée pendant la session. Au lieu de nous appuyer sur des ordinateurs portables et des outils numériques, nous avons été encouragés à nous éloigner des écrans et à engager des discussions tout en mettant un stylo sur le papier. Cette approche analogique de l'apprentissage et de la conception nous a permis de puiser dans une dimension créative différente et d'explorer des idées plus librement.

Adnan Hodžić, Ingénieur logiciel junior :

La masterclass n'a pas seulement fourni des informations précieuses sur le monde du design spéculatif, elle a également enflammé mon imagination. La façon dont notre hôte a partagé sa passion pour le design et l'innovation était contagieuse, et elle a suscité en moi un enthousiasme renouvelé pour mon propre travail dans ce domaine. J'ai mieux compris comment les concepteurs s'inspirent de diverses sources et exploitent leur créativité pour envisager les possibilités futures.

En outre, la conférence elle-même a été une expérience enrichissante. J'ai eu l'occasion d'entrer en contact avec un groupe d'individus très divers. Les conversations avec les autres participants m'ont ouvert l'esprit à de nouvelles perspectives et m'ont donné un sentiment de camaraderie au sein du secteur.

Dans l'ensemble, assister à la conférence Digital Labin et participer à la masterclass "Speculative Design" a été une expérience mémorable et transformatrice. Elle m'a rappelé l'importance de l'apprentissage continu et de l'exploration dans mon parcours professionnel. Je suis profondément reconnaissant d'avoir eu l'occasion d'y participer.

J'ai hâte d'appliquer les connaissances et l'inspiration acquises lors de cette conférence à mon travail et de continuer à repousser les limites de la créativité dans mes propres créations.

Le mélange de techniques de développement web de pointe et de concepts de design innovants met véritablement en évidence le paysage en constante évolution du développement frontal. En tant que développeurs, embrasser de telles expériences et rester ouverts aux méthodes non conventionnelles enrichit non seulement notre ensemble de compétences, mais alimente également notre passion pour la création d'expériences numériques exceptionnelles. C'est un témoignage du fait qu'il y a toujours de la place pour la créativité et de nouvelles perspectives dans notre industrie en constante évolution. Cette masterclass nous a rappelé de sortir des sentiers battus et d'aborder notre travail avec un regard neuf et ouvert, ce qui nous permet en fin de compte d'améliorer notre capacité à réaliser des projets uniques et attrayants pour nos clients.