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

La série «Nouvelles ressources pour les développeurs Web» a courir depuis environ 4 ans maintenant, et le maintien de cette série m’a beaucoup aidé à comprendre comment le Web a progressé au fil des ans. Il y a de nouveaux outils sortent chaque mois pour faciliter le développement web.

Dans cette tranche, nous avons recueilli un certain nombre de nouveaux outils, qui comprennent des bibliothèques JavaScript, quelques bibliothèques CSS, et référence pour améliorer vos compétences. Vérifions-les.

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..

Légende

JavaScript est prendre en charge l'application pour la portabilité sur différentes plates-formes et pour fonctionner aussi bien que l'application native. Cette application, Légende, par exemple est construit sur Electron. C'est une application simple qui vous permet de rechercher des fichiers de sous-titres (.srt) pour joindre à la vidéo que vous regardez.

Super ligne de commande OSX

Un énorme liste de lignes de commande utiles et pratiques pour macOS. Ici, vous pouvez trouver beaucoup de choses qui peuvent être faites à travers la CLI telles que “effacer la file d'attente d'impression”, “masquer un dossier dans le Finder”, et “prévention du sommeil du système”.

Trevor

Trevor est tout simplement Travis CI fait hors ligne. Travis est un service d'intégration continue où les développeurs testent leurs logiciels pour voir si le logiciel fonctionne correctement dans plusieurs environnements. Trevor est encore à ses débuts; il ne supporte actuellement que “NodeJS”.

Progressivement

Un joli JavaScript bibliothèque pour charger l'image progressivement, d'où le nom. La petite image sera affichée et floue pendant que le navigateur charge la totalité de l’image. Ce aide votre site web à se charger beaucoup plus rapidement surtout s'il contient de grandes images.

QartJS

Ceci est un JavaScript qui rend le code QR moins ennuyeux. Avec cela, vous pouvez superposer le code QR sur une image - telle que votre photo.

WP Docker

WP Docker est un Environnement Docker spécialement conçu pour développer WordPress. L'environnement est autonome et n'affectera pas votre ordinateur si vous avez effectué la configuration. C'est un excellente alternative à vagabond, valet, local et MAMP.

Rellax

Rellax est une bibliothèque JavaScript pour créer un effet de parallaxe sur le défilement de page. Il est livré avec peu d'options et relativement facile à configurer. Il est léger, fonctionne très vite et ne nécessite aucune dépendance comme jQuery c'est donc une excellente alternative aux autres bibliothèques de cette catégorie telles que Parallax.js ou Scrollax.js.

Articuler

Encore une autre bibliothèque JavaScript cool. Articulate apporte synthétique voix sur votre site web. Il est capable d'analyser et de lire votre site web, peut éventuellement améliorer l’accessibilité de votre site Web pour les utilisateurs à visibilité réduite.

MonetizeJS

MonetizeJS est une bibliothèque JavaScript pour mettre en place facilement Stripe; aussi facile que d'utiliser jQuery.

Vonic

Vonic est une collection d'interface utilisateur pour mobile construit avec Vue.js et Ionic CSS. Il comprend un grand nombre de composants d’interface utilisateur couramment utilisés dans un mobile, y compris le Case à cocher, formulaire de recherche, swiper et soi-disant accordéon. Vous pouvez utiliser pour créer une application d'application mobile prototype directement dans le navigateur.

Bibliothèque de composants WordPress

10up, l’un des noms les plus en vue de WordPress, a publié une bibliothèque d’interface utilisateur conçue spécialement pour WordPress. Contrairement aux autres bibliothèques d'interface utilisateur qui fournissent uniquement des codes CSS et HTML, 10Up fournit également l'extrait de code PHP que vous pouvez simplement coller dans votre thème. Le composant comprend Navigation, onglets, info-bulles, commandes et Blogrol.

Performances de démarrage JavaScript

Un superbe et articles détaillés de Addy Osmani, L’un des ingénieurs de Google explique comment écrire du code JavaScript extrêmement rapide. Je vous encourage à le lire pour montez vos compétences JavaScript.

KuteJS

Kute est un Bibliothèque JavaScript pour effectuer l'animation. Il est rapide et super efficace en consommation de mémoire. Il a des extensions et des outils supplémentaires pour permettre d'appliquer une animation dans CSS, SVG et même un plugin jQuery pour une syntaxe plus pratique.

PWA Rocks

Progressive Web Application (PWA) est une méthodologie qui permet à un site Web de fonctionner rapidement et en mode hors connexion. Ce PWA Rocks en liste un qui a été approuvé par Google en tant que PWA. À En savoir plus sur les PWA de Google jetez un coup d'œil à: Progressive Web Apps.

Mise à jour automatique Github

Github Auto-Updater est Bibliothèque de compositeur qui permet à votre plugin d'être mis à jour à partir de Github. Il s’agit d’un script pratique permettant aux développeurs de gérer les plug-ins de leurs clients sans nécessairement le télécharger dans le référentiel Github.

Carte

Card est une librairie JavaScript cela rend la saisie par carte de crédit plus attrayante et améliore votre expérience utilisateur lors de la saisie de leurs numéros de carte de crédit. Il fonctionne bien avec jQuery, React, Angular et Ember.

Graaf

Graaf superposez votre page pour voir comment la grille - colonne, rangée, gouttière - est disposée. Vous pouvez également générer vos propres spécifications de grille en utilisant l'API fournie.

Luxbar

Luxbar est un Framework CSS pour créer une navigation réactive facilement; ajoutez simplement la feuille de style et ajoutez le code HTML correctement. Vous pouvez installer cette bibliothèque via NPM, Bower ou lier la feuille de style directement à partir du CDN.

Grille de contraste

Une liste de Le tableau montre le contraste des couleurs et leur degré d’accessibilité basé sur le WCAG 2.0. Vous pouvez modifier la valeur sur la table et déterminer rapidement si la combinaison de couleurs est conforme à la norme WCAG..

ToneJS

ToneJS est une librairie JavaScript pour créer une tonalité ou un son pouvant ressembler à celui d'un instrument de musique. Je suppose que cette bibliothèque sera utile pour la construction d'un émulateur d'instrument de musique basé sur le Web ou des effets sonores de jeu.