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

Juillet est le mois le plus chaud de l'été. Ainsi, pour le lot de ressources fraîches de ce mois-ci, nous avons de nouveaux outils à chaud proposés par des développeurs confirmés et débutants..

La liste contient un mélange assez intéressant d’outils allant de la bibliothèque Sketch de la communauté WordPress qui vous permettra de créer un prototype d’interface WordPress, une poignée de outils d'extension de React.js et Vue.js, et quelques références pour améliorer vos compétences en développement. Vérifions-les.

WPRIG

Un thème WordPress tout-en-un de base créé par Morten Rand-Hendriksenand est équipé d'un processus de construction prédéfini à l'aide d'outils modernes Gulp, Babel, ESLint et l'intégration de code Visual Studio. Il vous aidera à créer un excellent thème WP sans avoir à configurer les outils de développement environnants..

VueNative

Un framework basé sur Vue.js pour construire une application mobile multiplateforme qui vous permet d'écrire votre code avec la spécification Vue.js. L'outil va compilez-le au Native React et faire le travail de magie pour vous derrière la scène avec le vue-native CLI. Si vous connaissez déjà Vue.js, cela pourrait être un cadre approprié pour construire une application mobile.

SketchPress

Les gens de 10up viennent de sortir SketchPress qui est un Modèle de croquis pour créer rapidement des maquettes et des conceptions d'interface d'administration WordPress. Il contient une interface utilisateur d'administration commune telle que le bouton principal, la barre de menus, les tableaux de bord, les Metabox, etc. SketchPress est un excellent outil d'aide aux développeurs WordPress pour aligner la page Paramètres ou Options du plugin et du thème avec l'interface utilisateur de l'administrateur WordPress..

Docz

Docz est un générateur de documentation basé sur MDX qui a été présenté dans le dernier tour de cette série. Cet outil vous permettra d'importer et d'inclure un composant personnalisé JSX dans la combinaison avec la syntaxe Markdown, tout comme l'écriture d'un document JSX..

Animista

CSS Animation donne vie au Web. Cependant, il n'est pas toujours facile de composer une animation CSS en tenant compte des préfixes du navigateur pour la compatibilité, des paramètres et de la durée de l'animation. Animasta facilite ce travail en générant le code pour vous. Vous pouvez configurer l'animation dans une interface conviviale à partir de laquelle vous pouvez simplement copier le code.

GridToFlex

Quelques exemples de présentation Web commune élaborés à l'aide de la grille CSS native et utilisant Flexbox en tant que solution de secours pour un navigateur qui ne la prend pas encore en charge. Découvrez notre article: Introduction au module CSS Grid Layout.

RatioBuddy

Un bel outil pour générer une boîte avec CSS avec un ratio défini, par exemple, 1: 1, 3: 4, etc. L'outil générera le code au format SCSS pour copier.

Comment GraphQL

GraphQL est une alternative à la structure de données REST et How to GraphQL est un ressource complète pour l'apprendre. Il est beaucoup plus efficace que REST dans la mesure où il extrait uniquement les données demandées, ce qui réduit la charge et le transfert de données..

Exemple d'histoire

Un simple plugin WordPress pour afficher l'historique des activités effectuées dans le tableau de bord WordPress. Il prend en charge l'activité native de WordPress, par exemple lorsqu'un utilisateur crée des publications et des pages, se connecte et active ou désactive d'autres plug-ins. Ça peut aussi suivre d'autres activités de plugins y compris les champs personnalisés avancés (ACF) et le changement d’utilisateur. C'est un excellent plugin pour suivre l'activité interne de vos sites.

Transfer.sh

c'est un utilitaire pratique pour partager des fichiers via la commande Shell. Vous pouvez télécharger n'importe quel type de fichier jusqu'à 10 Gb. Il prend également en charge le cryptage de fichier. Et ai-je mentionné que c'est totalement gratuit?

FB Sonar

Un outil pour déboguer des applications mobiles pour iOS et Android. L'application est équipée de quelques outils pour expérience de débogage pratique comme un visualiseur de journal, un inspecteur de disposition interactif et un inspecteur de réseau. Si cela ne suffit pas, vous pouvez créer un plugin pour étendre l'application avec les fonctionnalités dont vous avez besoin..

JSUI

Cette application contient de nombreux outils qui vous permettront d'organiser vos projets plus efficacement. Vous pouvez créer un groupe, générer un nouveau projet en utilisant des projets populaires comme React, Vue et Angular, installez une dépendance de projet, exécutez un serveur Node.js, etc. Une excellente application pour ceux qui gèrent des dizaines de projets.

BrainMonkey

Un utilitaire de tests unitaires PHP conçu avec des outils spécifiques pour WordPress. Il fournit des outils permettant de moquer Fonctions PHP. Il fournit également un ensemble d'outils prêts à l'emploi pour gérer certaines fonctions WordPress telles que add_action remove_action pour en nommer quelques-uns, qui sont généralement rusé tester.

Fractale

Fractal a été conçu pour être un outil de documentation central que les développeurs au sein d’une équipe peuvent consulter quand il est nécessaire d’intégrer un composant dans un projet. Cela vous permet de intégrer un extrait de code, afficher des aperçus, de la documentation, des notes, etc. de chaque composant.

Ant Design Pro

“AntDesign” est l’un des frameworks d’interface utilisateur populaires basés sur React.js et c’est sa “Pro” version conçue pour application d'entreprise. Il inclut plusieurs composants supplémentaires qui ne font pas partie du package commun AntDesign, tels que AvatarList, HeaderSearch et TagSelect..

Le cadre a également outils de développement intégrés tels que l'outil de compilation, la suite de tests et le déploiement afin que vous puissiez travailler sur votre code tout de suite plutôt que de perdre du temps sur la configuration du flux de travail.

LuminJS

Un super petit Bibliothèque JavaScript pour surligner du texte sur votre site Web. Il fonctionne de manière transparente avec une structure DOM complexe et il est programmable dans lequel vous pouvez définir la vitesse, le style et l'animation..

Instructions

Un pratique Package NPM pour construire une CLI interactive à l'aide de Node.js. Il prend en charge l’invite de base, les choix multiples, l’invite dynamique et de nombreux types de saisie comme un mot de passe, un texte, un numéro, un email, etc..

la perception

Un plugin WordPress cool qui serait améliorer la recherche dans la bibliothèque de médias WordPress en classant les images à l'aide de l'API Google Cloud Vision. Par exemple, si vous avez téléchargé un fichier “oiseau” image, vous pouvez rechercher l'image à l'aide du mot clé “oiseau” si le mot clé est inclus ou non dans le nom de l'image, le nom du fichier ou les métadonnées.

DevTube

Une collection de vidéos, tirées de Youtube, de plusieurs conférences de développeurs comme JSConf, Google TechTalk et O'Reilly. Maintenant, prenez votre pop-corn et améliorez vos compétences en développement.

Réactif

La programmation réactive est à la hausse; un nouveau paradigme dans la programmation, en particulier autour du Web, où le flux de données est abondant et coule en continu toutes les millisecondes. Cette ressource est une initiative de Cèdric Soulas pour vous apprendre les principes de réactif la programmation.