Les illustrations sur une page web ou une application apportent un effet très intéressant sur l’utilisateur·rice : elles permettent de créer une connexion, de faire écho aux émotions et sentiments et permettent également d’affirmer votre identité.

Vous savez déjà qu’un Design System n’est pas seulement un fichier CSS partagé ou un ensemble de bibliothèques Figma/Sketch. Un système de conception est composé à 80% d’humains (relations, partage, travail quotidien) et à 20% de documentation, d’outils et de bibliothèques. Je souhaite vous aider pour ces 20%.

Tout le monde a déjà entendu parler de SEO lorsqu’il s’agit d’optimiser sa visibilité sur les moteurs de recherche. Cependant très peu de personnes prêtent attention au référencement de ses images, et ça commence par des choses pourtant très simples, mais rarement mise en place. Image SEO peut vous y aider.

Cela fait un moment que je n’ai pas fait de sélection. En voici une grande avec un ensemble de ressources sur l’UX Design et la recherche utilisateurs, mais aussi des outils SXO, SEO, UI Design et des outils amusants pour composer des palettes de couleurs, une démo JavaScript et CSS pour apprendre à faire des choses animées, ainsi que des ressources et des articles sur l’accessibilité.

Lorsque vient le besoin de se concentrer sur la rédaction de textes à destination d’une page web, les éditeurs WYSIWYG permettent de se projeter dans ce que sera votre texte une fois publié sur votre page, ou en tout cas vous en offrir un bon aperçu. Voici une sélection d’éditeurs qu’il est possible d’installer dans vos projets web.

Il n’est parfois pas toujours facile de récupérer l’ensemble des besoins de vos utilisateurs, notamment lorsque vous ne connaissez pas nécessairement bien le contexte d’usage ou le domaine dans lequel ils travaillent. C’est pourquoi nous avons créé ce canvas téléchargeable et imprimable.

Le SEO c’est quelque chose que la plupart des développeurs essaient de refiler à l’équipe marketing. De toute façon, ça n’a pas grand chose en commun avec les activités quotidiennes des devs n’est-ce-pas? Donc pas besoin de prendre le temps de se familiariser avec tout ça. Sauf que, connaître les bonnes pratiques en SEO peut avoir de nombreux avantages pour un développeur.

Il n’y a pas si longtemps j’ai vu un des développeurs avec lesquels je travaille écrire une fonction très complexe pour permettre un défilement fluide vers un élément plus bas dans la page. J’ai été assez surpris qu’il n’utilise pas scrollIntoView() et son paramètre behavior de valeur smooth. Ça vous parle ?

UX / UI, CSS, HTML, JavaScript, Accessibilité et tout plein de pixels et animations dans cette sélection. Apprenez Grid Layout tout en vous amusant, découvrez en plus sur CSS Variables et Font Variable. J’ai aussi une sélection de Digital Artists pour rendre cette sélection un peu moins technique. Amusez-vous bien !

Il y a 2 ans (ha ouai…) j’ai écrit un petit article ici : Apprendre le positionnement en s’amusant – Partie 1 : Flexbox. Ca fait un moment que je voulais écrire la deuxième partie sur Grid Layout mais je n’ai jamais vraiment pris le temps de le faire. J’ai parlé de Grid Layout pour la première fois il y a 6 ans (ha ouai x2 !) dans mon article sur The State Of Responsive Web Design 2013.

Cette sélection offre de nombreuses ressources de conception pour vous aider à créer une session d’idéation, à tester vos interfaces pendant les tests utilisateur ou à exploiter les biais de vos utilisateurs pour créer de meilleurs produits. En plus de ces ressources, des outils de développement, des articles et des tutoriels vous aideront avec de nouvelles fonctionnalités CSS et JS. Ah, et j’ai besoin de votre aide à la fin de l’article :p

Cela fait maintenant plus d’un an que j’ai repris un travail en présentiel, que je mets en opposition au télétravail. Je vous avais parlé dans un article précédent des avantages du télétravail. Ils sont clairement toujours valides. Cet article est un retour d’expérience personnel accompagné de conseils pour les futurs télétravailleurs ou les personnes qui s’y trouvent déjà.

Il y a quelques temps j’ai écrit un article sur le montage d’un petit VPS sous Easy Engine pour faciliter la création et gestion de site web. Pendant quelques années j’ai utilisé cet outil sans aucun problème et je suis monté un peu en compétences sur la gestion d’un serveur. Sauf que l’an dernier (2018), EE est passé en v4…

Je continue d’écrire cette série d’articles sur des petites parties spécifiques de CSS, HTML ou JavaScript. Une petite chose à apprendre, facile à digérer et à utiliser dans votre travail quotidien. La dernière fois, il s’agissait de listes et d’attributs spécifiques comme start, reversed et type pour les éléments ul et ol. Cette fois, plongeons dans defaultValue dans JS.

Flexbox.ninja est un projet que j’ai commencé il y a quelques années et que je n’avais jamais pris le temps de finir et publier. Je voulais proposer au moins 6 cas pratiques, mais les gens du web m’ont proposé de la publier avec 3 cas et d’ouvrir aux contributions. C’est chose faite, voyons cela plus en détail.

Quand vient le temps d’écrire des contenus riches, vous apprécierez en savoir plus sur les attributs HTML5 et les règles pour écrire des contenus accessibles et efficaces. Saviez-vous que l’élément OL vous permet de modifier certaines valeurs par défaut grâce à certains attributs ? Voyons comment faire.

Sélection du moment avec quelques ressources en JS, HTML, CSS, UX Design, UI Design et quelques sites inspirationnels. Au programme : creuser davantage la spécification HTML5, miser sur la performance lors d’une recherche, des packs d’icônes et musiques libres de droit, et des articles et sites web qui m’ont inspirés.

Pour fêter cette nouvelle année 2019 le partenariat Creative Juiz et Tuto.com reprend pour vous offrir un petit quelque chose. Grâce à Tuto.com, des cadeaux sont prêts et n’attendent que vous. Vous pourrez ainsi parfaire vos compétences grâce à 3 abonnements illimités en tutoriels vidéo pendant 1 mois.