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.

Voilà maintenant plus d’un an que l’UX et l’UI occupe une majeur partie de mon quotidien et que mon background de développeur front-end me sert presque uniquement à communiquer mes recommandations de parcours et micro-interaction, et faire monter en compétences certaines équipes. Petite rétrospective avec cette liste d’outils qui m’ont servi pour certains ou que j’ai découvert pendant mes recherches pour d’autres.

En pleine préparation de cours, d’articles, et de talks sur des sujets comme CSS, l’UX, ou du retour d’expérience sur certains projets, j’ai du mal à trouver du temps pour écrire sur ce blog, mais pour vous voici une sélection des dernières ressources CSS, JS, des démo bien sympa et des ressources en design à télécharger ainsi que des guides divers et variés.

Une sélection des dernières semaines de l’actualité du web (et quelques vieux articles en rappel de bonnes pratiques) pour faire le tour de l’UX, l’UI, le développement Front-end et quelques actualités diverses et retours d’expérience. Illustration, gradients, couleurs, typographie et tutoriels sont au rendez-vous.

A défaut de vous proposer un article de fond (qui devrait bientôt arriver), voici une sélection des dernières ressources du web issues de ma veille quotidienne. Du Layout CSS, de quoi améliorer vos images et leur chargement, des ressources graphiques à gogo et des bibliothèques bien utiles.

Pour cette sélection, une grande liste de ressources graphiques et de design UX/UI vous attendent. Quelques belles démos CSS, et astuces en HTML, SVG et JavaScript sont également au RDV. De quoi rattraper un mois sans article de ma part :p

Cette semaine je vous propose une sélection d’outils pour vous simplifier la vie en CSS, JS, ou encore pour créer des gifs de qualité, des tutoriels pour créer des effets animés funs et intéressants et des ressources pour Sketch, en attendant un prochain article plus orienté outils pour UX Designer :p (teasing)

Récemment dans un petit projet assez proche du prototype, j’ai eu à proposer quelques petites choses comme un menu sticky, un scroll-spy, mixé avec du smooth-scroll. Plein d’effets qui demandent quand même quelques lignes de JS. Et bien pas cette fois.