Les Ressources du Web #42

Also available in: English

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.

HTML, CSS & JS

Position sticky en CSS, des cas d’usage de Flexbox détaillées, une bonne ressources pour optimiser vos recherches en JS, et une liste de liens sélectionnés pour développeurs.

• Flexbox.ninja – Suivez ces quelques démonstration et étude de cas pour apprendre Flexbox étape par étape. Et c’est une PWA en plus ;p
• Position: stuck – Ce qu’il peut arriver quand vous utiliser position: sticky et overflow.
• MiniSearch JS – MiniSearch  est une petite bibliothèque très puissante et performante pour de la recherche fulltext.
• DailyDevLinks – Une liste d’article sélectionnée pour web developers.
• How do you figure? – Une meilleure compréhension de figure et figcaption en HTML5.

UI Design

Des ressources graphiuqes pour vous aider à construire de meilleure interfaces et démonstration étonnantes.

• Remix Icon – Remix Icon est un set d’icônes neutres élaborée pour les designers et développeurs, complètement open source, gratuites pour usage personnel et commercial.
• Unicons – 1000+ icônes vectorielles Pixel-perfect.
• SocialSizes.io – Templates Sketch, Adobe XD & Photoshop pour vos images de réseaux sociaux.
• Rotato 3D Mockups – Mockups 3D animées pour présenter vos applications mobiles.
• Cloudflare Design – Un excellent outil pour récupérer une palette de couleurs accessible à partir d’une URL de site web.
• Building Your Color Palette – Excellentes astuces pour construire une palette de couleurs.

UX Design

Quelques articles pour vous permettre d’être encore plus respectueux de l’expérience utilisateur.

• UX Design Case Studies 2018 – Les meillers études de cas de 2018.
• PWA Mini Survey – Les résultats d’un sondage que j’ai lancé sur les préférences d’utilisation d’une PWA.
• How to report errors in form – Un bon article sur NNGroup sur la manière d’afficher des messages d’erreur.

Inspiration & Délectation

Quelques ressources qui ont eu un effet wahou ou qui m’ont inspirées.

• MakeMePulse 2019 – Un magnifique site web proposant une aventure pour vous souhaiter le meilleur en 2019.
• Blacks Who Design – Une liste sélectionnant des comptes de designer noirs pour une présence plus inclusive.
• TRUST The Process – Comment présenter le meilleur quand vous êtes au plus bas.
• WOWA – De la musique libre de droit.

Le web à jour

Quelques mise à jour ici et là sur les internets.

• Google Play Store accepts PWA – Vous pouvez maintenant envoyer vos PWA sur le Google Play Store.
• Firefox 65 Update – Support de WebP, Inspecteur Flexbox, nouveaux outils et mise à jour de la plateforme.

N’hésitez pas à me partager vos ressources, je prendrai le temps de jeter un oeil.
Bonne lecture !