Nouvelles ressources pour les concepteurs et les développeurs Web (février 2016)

2015 a été une excellente année pour le Web: les technologies Web ont été adopté dans de nombreux facteurs de forme au-delà de la construction d'un site Web ou d'une application Web. De nombreuses applications mobiles et de bureau sont maintenant construites à l'aide de HTML, CSS et JavaScript. Ceci est rendu possible par la nature de portabilité des technologies Web et des bibliothèques telles que React.js, Angular et Node.js..

Ainsi, dans le présent numéro de cette série, nous avons rassemblé une poignée de bibliothèques JavaScript et CSS..

Cliquez pour plus de ressources

Retrouvez toute notre collection de ressources recommandées et les meilleurs outils de conception et de développement Web disponibles..

Curseur plat

jQuery UI est livré avec une collection d’interface Web commune, notamment un Slider - une interface utilisateur qui permet à l’utilisateur de sélectionner une plage de valeurs numériques. le Curseur plat est un outil Web qui facilite la personnalisation du style jQUery UI, qui était autrefois une tâche très ardue,.

Utilitaire type ouvert

Utilitaire type ouvert est une collection de classes sans rendez-vous pour appliquer des fonctionnalités typographiques CSS avancées telles ligatures de police, petite lettre majuscule, et beaucoup plus. En gros, ils offrent aux utilisateurs la meilleure expérience de lecture possible dans les moindres détails. Il se dégrade bien dans les anciens navigateurs non pris en charge.

ResponsifyJS

L’une des contraintes notoires des images réactives est le fait qu’elle redimensionne normalement l’image correctement, mais cela détourne le point central de l’image lorsque celle-ci est réduite à une très petite taille de la fenêtre..

ResponsifyJS est une bibliothèque JavaScript légère que vous pouvez utiliser pour définir les coordonnées pour maintenir le focus de l'image pendant qu'il est redimensionné.

Linéaire

Linéaire est une application de règle pour Mac. Vous pouvez utiliser la règle pour mesurer des pages Web, connaître la taille d'un élément sans avoir à ouvrir l'outil de développement ou déterminer si un élément est parfaitement centré. Vous pouvez avoir plusieurs règles et basculer l’unité de PX à EM..

StickyStack

StickyStack est un plugin jQuery pour créer une expérience de défilement de pile, lorsqu'un panneau atteint le haut de la fenêtre, il reste collé, tandis que le défilement suivant ouvre le panneau suivant. C'est un plugin léger avec quelques options pour configurer le conteneur de page, la section de pile, ainsi que l'ombre des piles. Découvrez la démo.

Téléspectateur

Téléspectateur jQuery est un plugin pour image lightbox - un moyen populaire et élégant de zoomer des images sur le Web. Le plugin est livré avec une multitude d’options qui vous permettent de personnaliser chaque bit de la boite à lumière interface.

Le plugin fournit également un ensemble d’API et d’événements personnalisés pour un contrôle total sur la boite à lumière réponse et comportement. De plus, cela fonctionne jusqu'à Internet Explorer 8.

DeviceMock

DeviceMock est une bibliothèque JavaScript qui vous permet de créer des cadres ou des maquettes comme un téléphone, une tablette et un ordinateur de bureau. De même, la bibliothèque propose des options pour définir la couleur de thème du cadre, la taille et l'orientation du cadre..

Ce peut être une bonne alternative pour présenter votre site Web et votre application à la place de Photoshop..

Clrs

Clrs est une initiative de redéfinissez les couleurs Web par défaut en un ton plus moderne et plus convivial. De plus, il préconise un ensemble de combinaisons de couleurs pour une meilleure accessibilité. Vous pouvez déployer ces couleurs via des échantillons de couleur NPM, Gem (Ruby), Photoshop et Illustrator..

Colorifier

Colorifier est une bibliothèque JavaScript très légère (3ko minimum) pour extraire les couleurs dominantes à partir d'une image avec beaucoup d'API pour manipuler les couleurs. Vous pouvez utiliser la couleur extraite comme espace réservé en attendant le chargement complet de l’image, générer un arrière-plan en dégradé ou ajuster l’interface voisine pour correspondre à la couleur de l’image..

BookBlock

BookBlock est le plugin jQuery à créer un livret avec l'effet de retournement de page. C'est une belle alternative pour afficher plusieurs images sur votre site Web, en particulier s'il y a une séquence ou un flux que vous souhaitez mettre en valeur..

Vous pouvez consulter la démo ici pour avoir une idée du fonctionnement de BookBlock..