9 ressources pour manipuler vos images en Javascript

Aujourd'hui, le BlogDuWebdesign vous propose une liste de ressources pour travailler sur vos images en Javascript. Crop, responsive ou simplification du retina, il y en a pour tous les gouts !

Adaptive Background

Cette petite ressource vous permettra d'extraire la couleur principale d'une image, et de l'appliquer sur le background, pour une meilleure intégration du contenu.

Dense

Dense est le moyen le plus simple de gérer la densité de pixel de vos images en fonction de l'écran (retina ou non) de vos visiteurs.

MediumLightbox

Je suis sur que vous connaissez tous le site de blogging Medium, et les nombreuses ressources qui en sont tirées (leur wysiwyg et l'image en header en tete). Cette ressource est une reproduction d'une autre de leurs portions d'interface : la light box.

Zoomove

Zoomove permettra à vos visiteurs de zoomer sur vos images simplement en passant la souris dessus !

Responsify

Cette ressource vous permettra de laisser vos ressources se redimensionner tout en gardant leur sujet le plus lisible possible.

Cropper

Cropper est la toolbox ultime pour permettre à vos visiteurs de recadrer vos images !

SmartCrop

Pas envie de laisser cette tache (le redimensionnement, faut suivre aussi ^^) à vos visiteurs ? SmartCrop se propose de détecter seul le point important de vos images et cropper en les gardant dans le cadre.

Lazysize

Votre site comporte trop d'images, et son chargement en patis ? LazySize vous offre du lazy loading très simple à mettre en place ! Une optimisation très efficace est à peu de frais.

ImagesLoaded

Enfin, ImageLoaded vous permettra d'écouter la page pour savoir quand toutes les images sont chargées. Un must-have.