Les Ressources du Web #36

Des icônes, un nouveau CMS, une application Mac super pratique, des plugins Sketch pour vous simplifier la vie, des scripts JavaScript toujours plus performants, des astuces en CSS et une sélection de quelques lectures enrichissantes, voilà ce qui vous attend dans cette sélection des ressources du Web. Enjoy!

S’il devait n’en rester qu’un

Simple et efficace, cette application Mac fait une chose : vous permettre de faire votre présentation (keynote, conférence, etc.) sans être dérangé par des notifications hasardeuses ou des applications invasives.

Découvrir Pliiim

Etude de cas

• L’obsession du Service Client – Un retour d’expérience d’un employé de Capitain Train (Trainline).
• A Pinterest Progressive Web App – Retour d’expérience et conseils sur la construction d’une PWA pour Pinterest.

JavaScript

• Emergence.js – Une bibliothèque JS toute petite pour détecter la présence d’un élément à l’écran.
• Scrollama.js – Une bibliothèque à base de IntersectionObserver pour gérer des animations au scroll.
• 12 JavaScript Image Magnification plugins – Des scripts pour faire un effet zoom sur vos images.

HTML & CSS

• Pure CSS 3D Movie Booking App UI – Une démo animée bien sympa d’une interface application de films.
• A responsive accessible table – Comment rendre accessible et responsive un tableau.
• How to prototype with Grid Layout – Proposer des proto rapidement avec CSS Grid Layout.
• The FLIP Technique to improve animations – La technique FLIP en CSS expliquée.
• prefers-reduced-motion – Une media query respectueuse des choix utilisateurs.

UI/UX

• Best practices for search design – Quelques bons conseils sur le design d’un formulaire de recherche.
• Stop Designing Fucking Shit Experiences – Les choses à éviter pour penser « utilisateurs ».
• Skeuomorphic Design – Une petite pensée sur le retour du Skeuomorphisme.

Ressources Graphiques et démos

• IconBros – Une ressource d’icônes gratuites grandissantes.
• Orion Icon Library – Une application avec plus de 4500 icônes et ses variantes.
• Infinitown – Une démo WebGL vraiment sympa d’une ville infinie.
• Pixels of the Week – Quelques ressources et lectures bien utiles rassemblées par Stéphanie pour vous.
• Sketch Cleaner – Un plugin sketch pour nettoyer vos fichiers Sketch.
• Diya – Créer des animations basées sur des timelines directement dans Sketch.

Autres ressources

• Sanity – Un CMS headless à découvrir.
• Pliiim – Une application Mac pour passer en mode présentation rapidement.

À la prochaine et bonne lecture !