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

UNE collection de ressources Web utiles est quelque chose qu'un développeur Web a vraiment hâte d'avoir dans sa boîte à outils. Par conséquent, étant moi-même développeur, je m'efforce de vous présenter le meilleures et les plus récentes ressources de développement Web chaque mois.

La collection de ce mois comprend un application gratuite intéressante pour le screencasting, deux frameworks basés sur le langage Material Design, deux bibliothèques pour les tests de performances, des CLI et un poignée de nos autres ressources utiles. Alors, vérifions-les un par un dans la suite.

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

Kap

Kap est un enregistreur d'écran soigné pour MacOS. C'est une application open source, construite avec la technologie Web. Une chose que j'aime dans cette application, c'est qu'elle offre convertir la vidéo dès la sortie de la boîte. Kap est une excellente alternative pour enregistrer vos applications ou la démonstration en direct de votre site Web..

Sizzy

Sizzy est un outil de développement pour tester votre site web responsive dans plusieurs tailles de fenêtres sur un seul écran. C'est une application super pratique par rapport à la Emulateur mobile intégré de Chrome. Sizzy vient aussi comme une extension Chrome.

Muse UI

UNE Bibliothèque d'interface utilisateur basée sur le principe de conception de matériaux et construit sur Vue.js 2.0, Muse UI regorge de composants de conception tels que Appbar, Card et Dialog. C'est super cadre pour construire et exécuter l'interface utilisateur rapidement.

WP-CLI avancé

Je suis un grand fan de WP-CLI et l'utiliser presque tous les jours dans mon travail en tant que développeur WordPress. Pourtant, ce n’est que récemment que j’ai découvert que WP-CLI vous permet de créer un échafaudage PHP UnitTest pour un thème! Voici une liste des utilisations avancées de WP-CLI à partir du Mainteneur de WP-CLI, Daniel Bachhuber, lui-même.

Folie

La folie est un visualiseur autonome de fichiers Sketch pour Windows. Cela fonctionne très bien avec le fichier Sketch qui contient du texte, des images raster, même des dégradés et des ombres. Il ne nécessite pas de connexion à Internet, Ainsi, les développeurs peuvent travailler sur des fichiers Sketch de n’importe où. Et c'est totalement gratuit.

K6

La rapidité compte dans presque tous les aspects des applications Web. Mais comment mesurez-vous la vitesse de votre site web? bien, la réponse est K6. Il simule le trafic sur votre site Web et le charge sur une durée donnée, comme s'il s'agissait d'un véritable trafic. En bref, K6 est le UnitTest for Performance.

Service de vérificateur

Une excellente liste d'applications Web pour vérifier beaucoup de choses telles que DNS, charge, vitesse, référencement, sécurité et SSL. Beaucoup de ces outils sont gratuits, cependant, quelques services premium y sont énumérés: offrir des fonctionnalités avancées pour les utilisateurs.

SVGito

Est-ce un petit outil Web pour optimiser les fichiers SVG générés à partir de l'application Sketch. Collez votre code SVG sur le site Web et le code optimisé sera immédiatement renvoyé..

Launchaco

Trouver un bon nom pour votre startup est difficile, et obtenir un gestionnaire de nom d'utilisateur disponible sur les médias sociaux est encore plus difficile. Launchaco est un outil pratique qui vous permet de trouver des noms de domaine, noms d'utilisateur pour différents médias sociaux tels que Twitter, Facebook, Instagram, etc., et vous aide générer un joli logo de votre entreprise.

Odieux

UNE collection d'animations uniques réalisées avec CSS. S'il vous plaît ne lancez pas l'animation, si votre cœur et votre esprit ne sont pas assez forts pour la voir.

Aide-mémoire sur la grille CSS

L'apprentissage de CSS Grid peut être assez intimidant lorsqu'il s'agit d'un certain nombre de nouvelles propriétés, une nouvelle unité de mesure et presque un nouveau paradigme complet pour construire la mise en page Web. Comme son nom l'indique, cet outil a pour but de vous aider Lancez-vous avec CSS Grid.

Boîte de travail

Workbox est un nouvelle initiative de Google visant à créer une application Web progressive (PWA). Il s'apparente à Yeoman ou à Create React App de manière à ce que vous puissiez tout obtenir et prêt en ligne de commande.

Mavo

Mavo est un nouveau projet open source de Lea Verou. C’est une bibliothèque qui transforme le balisage HTML nu et quelques attributs personnalisés dans une application Web fonctionnelle. Mavo est plus facile à suivre que les autres bibliothèques comme Backbone, Vue.js ou React car il permet utilisateurs moins férus de technologie pour créer une application Web rapidement et facilement.

UI matérielle

Simlar to Muse UI, c’est un Framework d'interface utilisateur basé sur le langage Meterial Design. Celui-ci est cependant construit en utilisant React. C'est maintenant à votre goût. si tu es avec team Vue.js ou team React.

Image paresseuse

Lazy Image est un élément HTML personnalisé pour charger l'image sur demande. Cet élément de custome fournit un supplément .actif objet dans l'objet Element que vous pouvez utiliser pour déclencher le chargement de l'image dans tout événement ou interaction utilisateur Comme vous le souhaitez.

CLI Mac

C'est un outil astucieux pour gérer votre MacOS via Terminal. Tapez simplement mise à jour mac mettre à jour MacOS. Ou tapez présentation mac qui préparera votre Mac (minimiser toutes les applications, fermer les navigateurs, envoyer des fichiers à partir du bureau et télécharge à la corbeille et définissez le mode pas déranger) avant de donner la présentation À quel point cela est cool!

Vous garder éveillé

KeepingYouAwake est un utilitaire de barre de menus pour MacOS. empêcher votre Mac d'entrer en mode veille pendant une durée déterminée ou tant qu'il est activé. Vous pouvez installer cette application en utilisant Homebrew.

Flux JSON

Finalement! C'est un spécification standard pour la fourniture de flux de contenu en JSON format. Il existe déjà un pluginhre WordPress> conçu pour la mise en œuvre. Cela devrait faciliter la vie des développeurs Web. Disons simplement dire au revoir à XML.

Carbone

En bref, Carbon est le Moment.js de PHP. C’est la bibliothèque PHP pour générer et manipuler les chaînes de date et d'heure.

Coureur de vitesse

Un autre outil pour Performance Unit Test. Alors que K6 effectuera des testeurs de charge en envoyant des utilisateurs Virutal pour simuler des visites et du trafic, SpeedRacer évaluer les performances de rendu de la page sur le navigateur. SpeedRacer peut être un bon compagnon pour K6.