Affordance : une notion à maîtriser pour réussir le design de vos interfaces utilisateurs
UX/UI

Vous l’ignorez peut-être mais chacune des actions que vous effectuez dans votre quotidien est régie par un concept peu traité : l’affordance.
Que ce soit pour utiliser votre clavier ou même votre machine à café, votre cerveau fait appel implicitement à cette notion d’interprétation.
Dans cet article, nous verrons comment prendre en compte cette étape du comportement utilisateur dans vos designs afin d’en simplifier les interactions avec vos interfaces.

Cet article est le fruit d’un travail de recherche de Josselin, l’un de nos consultants, qui s’est beaucoup intéressé à l’expérience utilisateur, notamment aux côtés de Mme Sophie Viger, à qui il dédie son travail.

Lire la suite
Sylius Plus - vignette
Sylius Plus, l’offre entreprise du framework e-commerce et un bundle MarketPlace
Back-End, e-commerce, Framework

Sylius est un jeune framework PHP e-commerce basé sur Symfony, dont la version stable (1.0.0) est sorti en septembre 2017.
Si ce framework fait de plus en plus parler de lui, c’est parce qu’il représente un sérieux concurrent face aux autres plateformes e-commerce traditionnelles telles que PrestaShop Magento, qui sont souvent considérées comme plus lourdes.
Aujourd’hui Sylius en est a sa version 1.5.1 et il passe à la vitesse supérieure en proposant un service plus complet avec une offre entreprise.

Cet article s’adresse en priorité à des lecteurs connaissant déjà le framework PHP Sylius.
Si vous ne cernez pas encore réellement ce dernier, on vous conseille de lire dans un premiers temps notre article présentant Sylius.

Lire la suite
vignette de l'article sur Preact
Preact : une bibliothèque javascript React-Like de seulement 3 ko !
Framework, Front-end

Preact est souvent considérée comme une version miniature de React
Si l’on peut lire régulièrement ce raccourci c’est tout simplement parce que ces deux bibliothèques javascripts partagent beaucoup de similitudes.
Cependant Preact se distingue de son paronyme de plusieurs façons, notamment en se focalisant sur la manipulation du DOM.
Si vous ne connaissez pas encore Preact, on vous propose une définition en trois points juste en dessous. Tout d’abord nous aborderons l’ADN de Preact, ensuite il sera question d’étudier sa différence avec React, et enfin nous verrons comment intégrer Preact à un projet ?.

Lire la suite
vignette de l'article portant sur la différence entre un framework et une bibliothèque
Quelle est la différence entre un framework et une bibliothèque ?
Framework, Front-end

Avec l’engouement lié à React, Symfony, Vue JS etc… on entend souvent parler de framework ou même de bibliothèque. Que ce soit en front ou même en back, vous pouvez trouver ces termes pour presque tous les langages.
Alors que désignent réellement ces dénominations ? Quelle est la différence entre un framework et une bibliothèque ? On vous propose une définition à la portée de tous de ces termes parfois mal compris 😉

Lire la suite
vignette représentant l'article parlant de la technoloie Signed Http Exchange
Signed Exchange : AMP affiche enfin l’url canonique des pages !
Mobile, SEO

Lors de la conférence AMP qui s’est déroulée le 17 avril 2019 à Tokyo, Google a officialisé une solution pour afficher l’URL des publicateurs de contenu sur les pages AMP. Cela semble légitime, seulement ce n’était pas le cas jusque là. On vous en dit un peu plus sur cette fonctionnalité qui n’en est encore qu’à ses balbutiements.

 

Lire la suite
vignette de l'article portant sur la balise des pages AMP
du javascript personnalisé dans les pages AMP ?
Mobile, SEO

Lors de la conférence AMP 2019 qui s’est déroulée le 17 avril dernier à Tokyo, Google a dévoilé plusieurs nouveautés au sujet de son format de page mobile AMP (Accelerated Mobile Page), dont trois majeures. La première concerne la technologie signed HTTP exchange qui permet d’afficher l’url canonique d’une page sur une page AMP. La deuxième quant à elle concerne la mise en place d’un carrousel dédié aux AMP stories dans la page de résultat du moteur de recherche. Et la troisième, qui constitue le sujet de cet article concerne la révélation d’une balise permettant d’insérer du javascript personnalisé (custom javascript) dans une page AMP.
Avant de parler du custom javascript dans AMP, nous aborderons également les nouvelles fonctionnalités en terme d’UI apportées à AMP.

Lire la suite
Kendo, une bibliothèque javascript de composants UI
Kendo UI : une bibliothèque javascript de composants UI
Framework, Front-end

Aujourd’hui on va vous parler de Kendo Ui, une bibliothèque Javascript distribuée par la société Télérik.
Si vous ne le savez pas, le kendo est un art martial japonais moderne s’apparentant à de l’escrime, et c’est justement sur cette représentation que s’appuie l’outil dont nous allons vous parler. Non, nous n’allons pas vous parler de sport de compétition, mais bien d’un outil pour vous faire gagner du temps lorsque vous développez une application Web.

Lire la suite
miniature de l'article Vue.js
Vue JS : un framework Javascript facile à prendre en main
Framework, Front-end

Vous êtes un aficionado du HTML, du CSS et du JavaScript ?
Dans ce cas Vue.JS vous sera simple à aborder ! En effet sa courbe d’apprentissage s’avère être progressive, et il n’est pas nécessaire d’avoir déjà travaillé avec Angular ou React, donc si ce n’est pas le cas : don’t worry !
Dans cet article nous verrons les raisons d’utiliser Vue.JS, les éléments qui en font sa singularité face à ses deux principaux concurrents React et Angular, ainsi que quelques fonctions/composants que l’outil propose !

Lire la suite
image représentant Flash ( un héros de l'univers DC comics) portant une cote en mithril.
Mithril JS : le Framework Javascript super léger
Framework

Vous êtes fan de Angular et React mais vous trouvez que leur temps de chargement laisse à désirer ?
On a trouvé une solution pour vous : Mithril.JS. Ce framework Javascript permet entre autre de créer des single page applica (SPA) avec une bibliothèque de seulement 8ko !

Lire la suite