Nouvelles ressources pour les concepteurs et les développeurs Web (juillet 2017)

Le temps passe vite et nous sommes maintenant au milieu de 2017. Dans la nouvelle édition de ce mois-ci, nous avons un ensemble d'excellentes bibliothèques JavaScript et quelques autres comme un plugin pour permettre à GraphQL dans WordPress, une application de bureau permettant de restituer des données CSV, et quelques sites cadres. Vérifions-les.

HeroPatterns

Une collection de motif reproductible en SVG que vous pouvez utiliser comme arrière-plan sur votre site Web. Le site est équipé d’un cadre pratique pour personnaliser la couleur et l'opacité du motif et vous permet simplement de copier et coller le code à ajouter dans votre CSS.

TestCafe

TestCafe est un outil de test de bout en bout (e2e) cela vous permet de tester vos sites Web et vos applications Web comme s’il était utilisé par de vrais utilisateurs. Il va automatiser plusieurs choses lors de l'exécution du test, y compris démarrer les navigateurs, exécuter l'unité de test spécifiée, générer des rapports, les captures d'écran ainsi que la carte source pour résoudre facilement les erreurs.

SugarJS

SugarJS est une bibliothèque JavaScript pour manipuler des objets, des tableaux et des dates avec une syntaxe plus agréable et plus lisible. La bibliothèque est également livrée avec une poignée de fonctions utilitaires, par exemple, .escapeHTML () Qui va convertir des éléments HTML dans leur format d'entité.

MME

Une bibliothèque JavaScript pratique pour tourne le temps, le nombre et la chaîne normale en millisecondes. ms ('2 jours'), par exemple, sera converti en 172800000.

pa11y

Une belle collection d'outils d'aide améliorer l'accessibilité sur votre site web et applications Web. Chaque jour, une interface de ligne de commande permet de tester les pages Web de tout problème d’accessibilité, Tableau de bord pour afficher les rapports générés d'erreurs et d'avertissements, et une interface de ligne de commande spécialement conçue pour un outil de CI tel que Codeship ou Travis.

Icônes de plume

UNE collection d'icônes avec une ambiance moderne. Ces icônes conviennent parfaitement aux sites Web et aux applications conçues pour toutes les plateformes (iOS, Windows ou Ubuntu). Les icônes entrent SVG ainsi que dans les composants React et Angular.

Vol de réaction

Un module React à construire une composition d'animation dans votre application. La bibliothèque s’inspire du principe de Sketch dans lequel vous pouvez ajouter de l'interactivité à un composant d'interface utilisateur rapidement et facilement.

BounceJS

Une bibliothèque pour créer des animations avec effet de rebond. L'animation est optimisée par CSS3 et un certain nombre d'animations prédéfinies. Vous pouvez installer la bibliothèque JavaScript via npm, bower ou il suffit de copier l'animation CSS généré sur le site.

Bojler

Bojler est un cadre de messagerie avec le guide pour l'écriture de code HTML qui rendra correctement sur les clients de messagerie les plus populaires. Vous pouvez trouver plus de cadres de messagerie dans notre précédent post.

Devicon

Une collection de icônes des langages de programmation, des outils de conception et de développement. Les icônes sont disponibles au format SVG et Police. Certains particuliers des icônes telles que Firefox, AWS et HTML5 sont également fournies avec leurs variantes détaillées. Assez cool droit?

Maintenant Kit d'interface utilisateur

Une interface sensible à la collection basée sur Bootstrap 4. Elle contient 50 éléments et 3 modèles personnalisés. Outre la version HTML, l'interface utilisateur est également fournie aux formats PSD et Sketch.

T-Scroll

T-Scroll est un Bibliothèque JavaScript pour appliquer une animation lorsqu'un élément est visible dans la fenêtre. Il est équipé d'une poignée d'options et d'animations prédéfinies.

Ory éditeur

ORY est un éditeur Web moderne et plus accessible sur le Web. L'éditeur ORY est construit sur React et Flux. Il facilite l’édition en permettant aux utilisateurs d’éditer du contenu et de voir le résultat immédiatement. sans avoir à connaître des syntaxes spéciales comme HTML ou Markdown.

TadViewer

TadViewer est un outil pratique application de bureau pour afficher le format CSV et cela fonctionne sur de gros fichiers et données. L'application est disponible sur macOS, Windows et Linux.

Polyfill lisse de défilement

Smooth Scrolling s'est avéré utile pour une expérience utilisateur plus agréable. Il est maintenant proposé et rédigé officiellement dans le W3C. Pour le moment, cela ne fonctionne que dans Chrome, Firefox et Opera. Utilisez cette bibliothèque pour émuler le comportement de défilement régulier dans Internet Explorer et Safari.

Noty

Une librairie JavaScript pour afficher des notifications, Noty facilite l'affichage d'un message Alart, Success, Error, Warning, Information ou d'un dialogue. Il peut être utilisé avec une bibliothèque d'animation comme mo.js et bounce.js faire la notification glisse dedans et dehors gracieusement.

Marelle

Hopscotch est un projet open-source instancié par LinkedIn. Il s'agit d'un cadre facilitant l'ajout de visites de produits aux développeurs. Découvrez la démo pour un exemple en direct et l'API.

SurveyJS

SurveyJS est une autre bibliothèque JavaScript géniale. Comme son nom l'indique, il est conçu pour créer des entrées d'enquête. Il comporte divers types d’entrées pour renseigner les réponses au sondage et a également été porté sur plusieurs frameworks JavaScript populaires y compris AngularJS, VueJS et React.

WP GraphQL

GraphQL est à la hausse et pourrait être un puissant candidat pour remplacer l'architecture REST qui alimente presque toutes les API Web. Ceci est un plugin qui vous permettra de récupérer votre contenu WordPress avec GraphQL. Voici une excellente référence sur la façon dont REST et GraphQL se différencient.

Monaco éditeur

Monaco Editor est l'éditeur qui habilite l'éditeur de code visuel. Il est construit par Microsoft et prend en charge plusieurs langages tels que HTML, CSS, LESS, CoffeeScript et PHP, ainsi que le Intellisense qui vous aide à écrire du code plus rapidement.