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

Avec CLI (interface de ligne de commande), nous pouvons rationaliser et automatiser les workflows de développement Web. Et c’est pourquoi, dans cet article, nous avons inclus un grand nombre de superbes CLI que vous pouvez installer sur votre ordinateur local ou pour exécuter des tâches sur le serveur. En plus de cela, nous avons également inclus quelques Outils PHP, add-ons de navigateur et bibliothèques JavaScript. 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..

Guetzli

Un nouvel encodeur de Google qui permet de compresser l'image jusqu'à 35% de la taille initiale tout en conservant la qualité. C’est tout à fait une avancée dans la mesure où des codeurs open source similaires, tels que JPEGOptim et jpegtran sont plafonnés à 20% en moyenne. Je peux voir qu'il y aura un certain nombre d'applications et de plugins pour la plateforme CMS intégrant Guetzli pour optimiser les fichiers JPEG..

Feuille de route du développeur

Comme son nom l’indique, Developer Roadmap est une infographie du parcours d'un développeur web. Il existe trois cours: Front-end, Back-end et DevOps. Ces feuilles de route sont comme, eh bien, une carte; et sont une excellente référence à voir où nous en sommes actuellement, ce que nous aurions pu manquer, et où nous allons maintenant.

Netlify CMS

SmashingMagazine a récemment fait un mouvement audacieux pour abandonner WordPress et essayez quelque chose de complètement nouveau avec un nouveau CMS appelé Netlify CMS. C'est un nouveau CMS construit sur React.js et peut être intégré à tout générateur de site statique comme Jekyll, Hugo et MiddleMan.

BadSSL

C'est un site web pour vérifier votre configuration SSL. BadSSL est un outil pratique pour effectuer le débogage et les erreurs sur SSL installé sur votre site..

Alix

Alix est un Extension Chrome qui vous permet de vérifier l'accessibilité de votre site Web. Une fois installé et activé, le plugin ajoutera une boîte de superposition sur plusieurs éléments de la page. qui posent des avertissements ou des erreurs.

AR.js

AR.js est Des librairies JavaScript pas comme les autres. Cette bibliothèque nous permet de créer de la réalité augmentée en utilisant la technologie Web, et étonnamment fonctionne très vite sur les téléphones mobiles.

Tendance de réaction

C'est un réagir avec le composant Unsplash pour créer un joli graphique en courbes permettant généralement d'afficher les tendances. Le composant est configurable. vous pouvez définir l'épaisseur du trait, la couleur, les dégradés et le lissage de la courbe. Vous pouvez simplement utiliser l'interface graphique pour générer commodément le code de composant.

Gitee

UNE application macOS pour surveiller votre activité Github directement depuis votre bureau, Gitee ajoute un nouvel élément à la barre d'état indiquant le nombre d'étoiles, d'adeptes et de notifications. De plus, vous pouvez aussi afficher des graphiques de vos push et commits sur un référentiel ainsi que sur un référentiel de tendances sur le mois et la semaine en cours. C'est Github sur le bureau en bref.

Goops

Goops est un CLI pratique qui analysera le répertoire de votre projet et déterminez les répertoires et les fichiers à ajouter dans le .gitignore. La CLI peut être installée via NPM. Une fois installé, tapez goops et fait.

Déboguer CSS

DebugCSS est un Utilitaire Drop-In CSS qui vous permet d'analyser et de valider votre sortie CSS sur le navigateur.. Cela fonctionne assez semblable à Alix, lorsque vous chargez la feuille de style debugCSS ou utilisez le bookmarklet, il met en surbrillance les éléments de la page qui posent des erreurs ou des avertissements.

EagleJS

EagleJS est un Bibliothèque JavaScript pour créer une présentation semblable à RevealJS. EagleJS est différent à certains égards; il est construit en utilisant Vue.js, un framework JavaScript MVC, et utilise Pug en tant que système de gabarit pour construire la diapositive.

BootstrapTour

UNE Bibliothèque JavaScript pour créer des guides contextuels à l'aide d'un composant Bootstrap. Les guides contextuels apparaissent généralement pour que les nouveaux utilisateurs puissent les guider à travers l’interface de l’application, les nouvelles fonctionnalités et les astuces.. C'est une bibliothèque parfaite si votre site est également construit avec Bootstrap.

Brique

La brique est une bibliothèque JavaScript conçue pour construire une interface utilisateur d'application Web. Vous trouverez des exemples courants tels que Calendrier, Menu et Formulaire parmi les composants fournis. Il est également livré avec un "stockage-indexeddb" composant pour vous permettre de stocker des données côté client en utilisant IndexedDB.

OctoTree

OctoTree est un utilitaire permettant de parcourir les codes sources et les fichiers sur Github avec une arborescence, comme dans un IDE ou un éditeur de code. Il s’agit d’un add-on pour Chrome, Safari, Firefox et Opera, et est disponible sur leur référentiel d’extensions officiel. Octotree prend en charge les référentiels Github privés et d'entreprise.

Notification Github

Une autre extension Github utile pour Chrome. Une fois installé, vous pourrez recevoir une notification même si vous n'êtes actuellement pas sur les pages Github. Un excellent plugin si vous voulez rester dans la boucle avec vos dépôts.

Déployer

Deployer est un outil permettant de déployer vos sites PHP. Il fonctionne avec un certain nombre de cadres et de plates-formes populaires, notamment WordPress, Drupal, Magento, Laravel et CodeIgniter. Avec cet outil, vous pouvez composer vos propres recettes, un élément de commande à exécuter pendant le déploiement. Il est livré avec Retour en arrière fonctionnalité qui vous permet de revenir à la version précédente en cas de panne.

PHPStan

Une CLI qui permet d’analyser les fichiers PHP pour rechercher les erreurs sans exécuter le runtime. Cela signifie que vous n'avez pas besoin d'un environnement PHP complet pour déboguer les fichiers PHP de votre projet..

Plaque de cuisson NGINX

Une collection de configurations Nginx courantes, notamment la mise en cache du backend, la limite de débit des connexions et des requêtes, ainsi que certaines autres pratiques recommandées pour booster votre site et accélérer la mise au point..

Pétillant

Bubbly est une excellente ligne de commande que vous pouvez installer sur votre serveur pour générer, gérer et renouveler un certificat avec Let's Encrypt. Doplying SSL devient maintenant beaucoup plus facile.

Grille de gaufres

Pourtant, un autre framework de grille CSS construit avec Flexbox que je pense que vous devriez regarder dans.