16 ressources Javascript pour améliorer l’UX

Partages

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.

Annonce

h

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.

Hamburger Icon Animations

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.

Hamburger Icon Animations

Parallax Depth Cards

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

Hamburger Icon Animations

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.

Hamburger Icon Animations

Pull to Refresh

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

JS

Create a Dynamic Point Mesh Animation

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

JS

Gridder

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

JS

Granim

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

JS

Emoji Codes

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

JS

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.

JS

CSS Loading Animation

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

JS

Water Fill Loading

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

JS

Glitch Glitch Glitch

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

JS

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

 

Partages

5 commentaires

  • […] Shape Hover Effect with SVG. Old School Cassette Player with HTML5 Audio. Interactive Particles Slideshow with HTML5 Canvas. Minimal Form Interface. CountUp.js. Sticker.js. Carrot/share-button. Sortable. No jQuery. Magnifying Glass Plugin with jQuery and CSS3. Snap.svg – Home. Bootstrap. Sir Trevor JS. jQuery Flip Out Cards by Pete R. ToneDen Player. BackgroundCheck. jQuery Interactive 3D by Pete R. 16 ressources Javascript pour améliorer l'UX. […]

  • c64

    Superbe sélection. Merci !

  • Une sélection en OR : des plugins tendances et très utiles.
    Merci pour tous ces liens :)

    Romain

  • Rakonda

    Granim.js is great plugin but it has some a glitch transition in Mozilla and it is not as smooth as chrome.

  • […] 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. […]

Laisser un commentaire :

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*