Nouvelles ressources pour les concepteurs et les développeurs Web (décembre 2016)

Nous approchons de la fin de 2016 et cette année a été passionnante pour beaucoup, y compris les développeurs Web. Cette année, La popularité de ReactJS a grimpé de façon exponentielle, une nouvelle extension ReactJS est publiée et se trouve sur la liste des Dépôts de tendances de Github (presque) chaque semaine.

PHP7 est également publié cette année qui offre une amélioration significative de la vitesse, ainsi que la publication de WordPress 4.7 avec le très attendu WP-API fonctionnalité, et Facebook a également présenté le paquet de fil qui peut défier le NGP.

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

Pour plus de détails sur chacune de ces versions utiles, examinons la liste suivante:

Phare

LightHouse est un outil pratique de Google pour examiner vos sites Web par rapport aux mesures de développement Web modernes, notamment: performance de chargement de page, la mise en cache avec les travailleurs du service, réponse du serveur et ainsi de suite. Ces outils se présentent sous deux formes, l’interface CLI (interface de ligne de commande) et l’extension Google Chrome..

FuseJS

La recherche floue est un type d’achèvement de la recherche où renvoie un nombre de possibilités même s'il ne correspond pas exactement aux arguments de recherche. Par exemple, si vous recherchez "en", le résultat peut renvoyer faire, robot, et pied. C'est un performances de recherche populaires dans les applications Web d'aujourd'hui. FuseJS est un bibliothèque JavaScript légère cela vous permet de l'implémenter facilement sur votre site web.

Paquet De Fil

Le fil est un Gestionnaire de paquets de noeuds construit par Facebook. Ses performances sont similaires à celles du NMP, même si des progrès ont été réalisés dans plusieurs domaines, tels que la vitesse., 'mode hors connexion' qui vous permet d'installer les paquetages sans vous connecter à Internet, et la sécurité ainsi que la fiabilité.

Cache de menu

Un plugin WordPress pratique mettre en cache le menu WordPress utiliser l'API transitoire pour améliorer la vitesse de requête de base de données. Le plugin est livré avec un certain nombre de filtres pour personnaliser la période de mise en cache et effectuer d'autres choses. Il peut être installé à l'aide de Composer ou en tant que plugin WordPress classique.

Githunt

Githunt est une extension de Google Chrome qui remplace la page d'accueil Chrome par le référentiel de tendances Github. Vous pouvez trier le résultat en fonction de la période et du langage de programmation. C'est, je pense, un utilitaire indispensable pour que chaque développeur reste à jour avec les outils les plus brillants qui soient.

FFocus

Vous ne pouvez pas vous concentrer sur votre travail et vous voulez que votre travail soit fait rapidement? Essayez FFocus. Il est une CLI qui vous permet de bloquer le site Web pour une durée déterminée via Terminal. FFocus peut être installé via NPM en exécutant le npm i ffocus -g commander.

Accesslint

AccesslintJS est un Bibliothèque JavaScript pour valider votre site web pour l'accessibilité. Utiliser cette bibliothèque est aussi simple que de le charger avant la tag, et vous obtiendrez tous les avertissements et erreurs directement sur la console DevTools.

Colorable

Colorable est un application web pratique qui vous permet de générer une combinaison de couleurs conforme aux directives WCAG et rend également votre site Web accessible aux utilisateurs malvoyants comme daltonisme.

Micon

Micon est un icône de police de pictogrammes Microsoft Windows 10 sélectionnés. Cela peut être un excellent remplacement de FontAwesome que je pense est déjà trop utilisé.

Référence CSS

Tout est dans le nom. Il est une référence CSS pour rechercher la syntaxe CSS. Il est également présenté de façon agréable et agréable, ce qui en fait un excellente alternative à la documentation CSS chez MDN, si vous pensez que c'est trop ennuyeux.

Local par volant

C'est Une interface graphique qui facilite la configuration d’un site Web WordPress local dans votre macOS. L'application est bourrée d'outils géniaux pour les développeurs, tels que; “Un clic” Installation de WordPress, Accès SSH, configuration SSL facile, plan du site et XIP.io. Le prix de l'application était d'environ 149 USD, mais maintenant donné gratuitement depuis acquis par Flywheel.

FreeCodeCamp

C'est un ressource gratuite pour apprendre le code pour le Web. Les sujets incluent HTML, CSS, JavaScript et un peu de bibliothèques comme ReactJS et D3. Il offre défis ou exemples de projets pendant que vous suivez les cours, ainsi que des tutoriels pour vous aider à mieux comprendre le sujet.

Police OverPass

OverPass est une famille de polices composée de huit graisses (200-900), italique vrai et monospace. La police peut être chargée en tant que police Web depuis KeyCDN, ainsi que installé pour une utilisation de bureau. C'est gratuit et open source.

Base de formulaire

La base de la forme est un ensemble de règles de style CSS cette réinitialiser les éléments de forme qui comprennent contribution, case à cocher, sélectionner, et zone de texte avec des styles basiques mais magnifiques. Cette bibliothèque CSS est un bon utiliser en conjonction avec un autre “Resetter CSS” comme Normalize.css.

L'extrémité avant

c'est un cadre utilisé pour construire 24ways.org; une excellente ressource que vous pouvez examiner apprendre des techniques CSS avancées.

La victoire

ReactJS est à la hausse, et cela vient avec un grand nombre d'extensions pour le supporter. La victoire est un Composant ReactJS ajouter des graphiques interactifs ou la visualisation de données.

Enfer

Inferno est un Bibliothèque JavaScript pour créer une interface Web sur des appareils mobiles. Il est inspiré de ReactJS hérite donc de conventions de syntaxe similaires. La différence, cependant, est que Inferno est construit avec la performance à l'esprit ce qui le rend beaucoup plus petit et lui donne aussi un temps de rendu plus rapide.

Prémonish

Permonish est une bibliothèque capable de prédire la prochaine interaction des utilisateurs. Cela vous permettra de préparer l'interface utilisateur plus parfaitement avant que l'utilisateur réel interagisse avec votre site web.

Kit de démarrage SPA

Voici un exemple de SPA (application à une seule page) construit avec Laravel et VueJS. C'est encore une autre grande ressource pour apprendre le développement Web en utilisant des cadres - regarde la source Luke!

Docute

Docute est Bibliothèque JavaScript pour la construction d'une documentation d'une seule page. Il est alimenté avec VueJS et est livré avec un certain nombre d’utilitaires Node qui vous permettent configurer et exécuter votre documentation rapidement.