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 !
DIVERS | Pearltrees
[…] 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 !
Kassel
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.
Web Design / UX Design | Pearltrees
[…] 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. […]
Ressources pour le blog | Pearltrees
[…] plateforme Pearltrees. Exemples de dossiers : Savoirs CDI: Aménager un espace d’apprentissage. 16 ressources Javascript pour améliorer l'UX. Les librairies Javascript regorgent de modules ultra flexible pour améliorer l’expérience […]
General | Pearltrees
[…] 16 ressources Javascript […]
Apolline (apollineg) | Pearltrees
[…] 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. […]
Webdesign_2019 | Pearltrees
[…] 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. […]