Webdesigner Trends

16 ressources Javascript pour améliorer l’UX

Les librairies Javascript regorgent de modules ultra flexible pour améliorer l’expérience utilisateur. Petit tour d’horizon des dernières nouveautés dénichées dans les meilleures sélections du web.

Ce nouvel article regroupe différents plug-ins que vous pourrez implémenter à votre guise dans vos sites. Vous y trouverez de quoi traiter vos images, gérer le chargement d’une page, améliorer la recherche et bien plus encore.

Grade

Grade est une petite librairie JS générant automatiquement un dégradé en fonction des couleurs dominantes de l’image.

Scratch OFF HTML5

Toujours utile, pour un petit jeu par exemple, apprenez à créer un système de grattage en HTML5.

FlexData List

Un énorme plug-in jQuery pour toutes vos auto-complétion. Ultra pratique, vous pouvez l’utiliser pour un tas d’application comme de la recherche poussée, du filtre etc.

Hamburger Icon Animations

Le classique burger menu, la touche du chef en plus.

Tilt.js

Inspiré des animations sur l’Apple TV entre autre, Tilt vous permet de générer des effet dynamique au survol d’un élément.

Parallax Depth Cards

Le même type d’effet qu’avec tilt, avec de l’apparition de texte en plus.

Table of Contents with Progress bar

Une excellente petite ressource pour rendre vos sites à long contenu plus agréable à lire. L’utilisateur sait ainsi en temps réel sur quelle partie du texte il se trouve.

Pull to Refresh

Simple et puissant, cette librairie JS vous permet de rafraîchir votre webapp comme une app.

Create a Dynamic Point Mesh Animation

Fluide et sympathique animation de points, basé sur un Canva HTML5.

Gridder

Ce plug-in, inspiré des résultats de Google Image, vous permet de naviguer de manière fluide dans vos images.

Granim

Cette petite librairie vous permet de créer des dégradés fluides et animés.

Emoji Codes

Enfin une grosse bibliothèques d’Emoji pour retrouver les shorts codes correspondants.

View Scroller

View Scroller vous permet de déployer un site avec du scrolling en pleine page, dans n’importe qu’elle direction. Une bonne idée pour des navigations différentes.

CSS Loading Animation

Des idées pour vos animations de chargement en CSS.

Water Fill Loading

Restons dans le loading, avec cette animation aquatique de chargement.

Glitch Glitch Glitch

Retour sur la tendance du Glitch avec cet effet à implémenter dans vos projets.

 La sélection vous a plu ? Partagez vos ressources !

 

Quitter la version mobile