Nouvelles ressources pour les développeurs Web - Mars 2017
Avec CLI (Command Line Interface), nous sommes en mesure de rationaliser et d'automatiser les flux de travail de développement Web . Et c'est pourquoi, dans cet épisode, nous avons inclus un certain nombre de CLI impressionnantes que vous pouvez installer sur votre ordinateur local ou exécuter des tâches sur le serveur. En plus de cela, nous avons également inclus quelques outils PHP, des add-ons de navigateur et des bibliothèques JavaScript . Voyons les vérifier.
Cliquez pour plus de ressourcesCliquez pour plus de ressources
Retrouvez notre collection complète 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 percée étant donné que des codeurs open source similaires, tels que JPEGOptim et jpegtran, sont limités à seulement 20% sur la moyenne . Je peux voir qu'il y aura un certain nombre d'applications et de plugins pour la plate-forme CMS intégrant Guetzli pour optimiser les fichiers JPEG.
Roadmap du développeurComme son nom l'indique, Developer Roadmap est une infographie de voyage d'être un développeur Web . Il y a trois cours Front-end, Back-end et DevOps. Ces feuilles de route sont comme, bien, une carte; et sont une excellente référence pour voir où nous en sommes actuellement, ce que nous aurions pu manquer, et où nous allons à côté .
Netlify CMSSmashingMagazine a récemment fait un geste audacieux pour abandonner WordPress et essayer quelque chose de nouveau entièrement avec un nouveau CMS appelé Netlify CMS. C'est un nouveau CMS construit au-dessus de React.js et peut être intégré avec n'importe quel générateur de site statique comme Jekyll, Hugo et MiddleMan .
BadSSLC'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.
AlixAlix est une 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 un certain nombre d'éléments sur la page qui posent un avertissement ou des erreurs .
AR.jsAR.js est une librairie JavaScript contrairement aux 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 rapidement sur les téléphones mobiles .
Réagir à la tendanceC'est un composant de réaction de Unsplash pour créer un joli graphique linéaire typiquement pour montrer les tendances . Le composant est configurable. Vous pouvez définir l'épaisseur de ligne, la couleur, les dégradés et la régularité de la courbe. Vous pouvez simplement utiliser l'interface graphique pour générer facilement le code du composant .
GiteeUne application macOS pour surveiller votre activité Github à partir de votre bureau, Gitee ajoute un nouvel élément dans la barre d'état indiquant le nombre d'étoiles, d'abonnés et de notifications. En outre, vous pouvez également afficher les graphiques de votre push et de vos validations dans un référentiel, ainsi que le référentiel de tendances du mois et de la semaine en cours. C'est Github sur Desktop en un mot.
GoopsGoops est une interface CLI pratique qui va analyser votre répertoire de projet et déterminer les répertoires et les fichiers à ajouter dans le .gitignore
. L'interface de ligne de commande peut être installée via NPM. Une fois installé, tapez goops
et done.
DebugCSS est un utilitaire de dépôt CSS qui vous permet d'analyser et de valider votre sortie CSS sur le navigateur . Cela fonctionne assez similaire à Alix, lorsque vous chargez la feuille de style debugCSS ou utilisez le bookmarklet, cela met en évidence les éléments sur la page qui posent des erreurs ou des avertissements .
EagleJSEagleJS est une bibliothèque JavaScript pour créer une présentation similaire à RevealJS. EagleJS diffère à certains égards; Il est construit en utilisant Vue.js, un framework MVC JavaScript, et utilise Pug comme système de template pour construire la diapositive .
BootstrapTourUne bibliothèque JavaScript pour construire des guides pop-up en utilisant un composant Bootstrap . Les guides contextuels apparaissent généralement pour le nouvel utilisateur pour les parcourir à travers l'interface de l'application, les nouvelles fonctionnalités et pour afficher des conseils. C'est une bibliothèque parfaite si votre site est également construit avec Bootstrap .
BriqueBrick est une bibliothèque JavaScript conçue pour créer une interface utilisateur d'application Web . Vous trouverez des composants communs tels que Calendrier, Menu et Formulaire parmi les composants fournis. Il est également livré avec un composant "storage-indexeddb" pour vous permettre de stocker des données sur le côté client à l'aide d'IndexedDB .
OctoTreeOctoTree est un utilitaire sympa qui permet de parcourir les codes source et les fichiers sur Github avec la structure arborescente comme dans les IDE ou les éditeurs de code. Il s'agit d'un module complémentaire pour Chrome, Safari, Firefox et Opera, disponible sur leur référentiel d'extensions officiel. Octotree prend en charge le référentiel Github privé et d'entreprise.
Notification GithubUne autre extension Github utile pour Chrome. Une fois installé, vous serez en mesure de recevoir une notification même si vous n'êtes actuellement pas sur les pages Github. Un super plugin si vous voulez rester dans la boucle avec vos dépôts.
DéployeurDeployer est un outil pour déployer vos sites PHP. Il fonctionne avec un certain nombre de cadres et de plates-formes populaires, y compris WordPress, Drupal, Magento, Laravel et CodeIgniter. Avec cet outil, vous pouvez composer vos propres recettes, une commande à exécuter pendant le déploiement. Il est livré avec la fonctionnalité Rollback qui vous permet de revenir à la version précédente en cas d'échecs.
PHPStanUne interface de ligne de commande que pour analyser les fichiers PHP pour trouver des 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 sur votre projet.
Plaque chauffante NGINXUne collection de configurations Nginx courantes qui incluent la mise en cache backend, la connexion et la limite de débit des demandes, ainsi que d'autres bonnes pratiques pour booster votre site en termes de vitesse et l'optimiser pour la gestion du trafic.
PétillantBubbly 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 beaucoup plus facile.
Grille de gaufrePourtant, un autre framework de grille CSS construit avec Flexbox que je pense que vous devriez examiner.
18 Smart Home Gadgets que vous pouvez contrôler avec Android
L'idée de robots et de machines prenant soin de votre maison n'est plus un fantasme. Les gadgets maison intelligents peuvent répondre à presque toutes vos exigences à la maison. Du nettoyage à la prise en charge de vos animaux de compagnie et du divertissement à la sécurité, tout peut être géré par des gadgets intelligents . Tout ce q
Comment créer la campagne Perfect Email Newsletter [Infographic]
Vous cherchez des conseils sur la façon dont vous pouvez créer la campagne ou le bulletin d'information par e-mail, qui s'ouvre, transmet le message de la bonne façon et augmente vos chances d'obtenir une réponse? Voici une infographie qui peut vous aider à répondre à ces questions, et bien plus encore.Il exa