hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Nouvelles ressources pour les développeurs Web - Décembre 2016

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

PHP7 est également sorti cette année qui offre une amélioration significative sur la vitesse, ainsi que la sortie de WordPress 4.7 avec la fonctionnalité WP-API tant attendue, et Facebook a également présenté Yarn Package qui pourrait défier NPM.

Cliquez pour plus de ressources

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

Pour plus de détails sur chacune de ces versions utiles, jetez un oeil à 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, qui incluent les performances de chargement de la page, la mise en cache avec les techniciens de service, la réponse du serveur et ainsi de suite. Ces outils se présentent sous deux formes, l'interface CLI (Command Line Interface) et l'extension Google Chrome.

FuseJS

Fuzzy-search est un type d'achèvement de recherche où il retourne un nombre de possibilités même s'il ne correspond pas exactement aux arguments de recherche . Par exemple, si vous recherchez 'to', le résultat peut renvoyer todo, robot et foot . Ceci est une performance de recherche populaire dans les applications Web d'aujourd'hui. FuseJS est une bibliothèque JavaScript légère qui vous permet de l'implémenter facilement sur votre site web.

Paquet de fil

Yarn est un gestionnaire de paquets Node construit par Facebook . Il fonctionne essentiellement comme NPM, mais avec des avancées dans plusieurs domaines tels que les vitesses, le «mode déconnecté» qui vous permet d'installer les paquets sans se connecter à Internet, et la sécurité ainsi que la fiabilité.

Cache du menu

Un plugin WordPress pratique pour mettre en cache WordPress Menu en utilisant l'API Transient pour améliorer la vitesse de requête de la 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é en utilisant Composer ou en tant que plugin WordPress régulier .

Githunt

Githunt est une extension de Google Chrome qui remplace la page d'accueil Chrome avec 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.

Focus

Vous ne pouvez pas vous concentrer sur votre travail et vous voulez accomplir votre travail rapidement? Essayez FFocus. C'est un 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 la commande npm i ffocus -g .

Accesslint

AccesslintJS est une bibliothèque JavaScript pour valider votre site Web pour l'accessibilité. L'utilisation de cette bibliothèque est aussi simple que le chargement avant le tag, et vous obtiendrez tous les avertissements et les erreurs sur la console DevTools.

Colorable

Colorable est une application web pratique qui vous permet de générer une combinaison de couleurs conforme aux directives WCAG, et rend également votre site accessible aux utilisateurs ayant une déficience visuelle comme la daltonisme.

Micon

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

Référence CSS

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

Local par Volant Moteur

Ceci est l' application GUI qui rend la mise en place d'un site web WordPress local dans votre macOS si facile . L'application est bourrée de super utilitaires pour les développeurs, tels que; Installation en un clic de WordPress, accès SSH, configuration SSL facile, plan du site et XIP.io. L'application était au prix d'environ 149USD, mais est maintenant donnée gratuitement depuis acquis par Flywheel .

FreeCodeCamp

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

OverPass polices

La police OverPass est une famille de polices composée de huit poids (200-900), d' une police italique vraie et d'une police de caractères monospace . La police peut être chargée en tant que police Web à partir de KeyCDN et installée pour une utilisation sur le bureau . C'est gratuit et open source.

Forme de base

La base de formulaire est un ensemble de règles de style CSS qui réinitialisent les éléments de formulaire qui incluent l' input, la checkbox, la select et la zone de textarea avec des styles basiques mais magnifiques . Cette bibliothèque CSS est un bon usage en conjonction avec un autre "resetter CSS" comme Normalize.css.

L'extrémité avant

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

La victoire

ReactJS est à la hausse, et avec cela vient un grand nombre d'extensions pour le soutenir . Victory est un composant ReactJS permettant d'ajouter des graphiques interactifs et des visualisations de données.

Enfer

Inferno est une bibliothèque JavaScript pour construire une interface web sur les appareils mobiles . Il est inspiré de ReactJS et hérite des conventions de syntaxe similaires. La différence, cependant, est que Inferno est construit avec des performances en tête, ce qui le rend beaucoup plus petit et lui donne également un temps de rendu plus rapide .

Prémonitoire

Permonish est une bibliothèque capable de prédire l'interaction suivante des utilisateurs . Cela vous permettra de mieux préparer l'interface utilisateur avant que l'utilisateur réel n'interagisse avec votre site Web.

Kit de démarrage SPA

Ceci est un exemple de SPA (Single Page Application) construit avec Laravel et VueJS. C'est encore une autre excellente ressource pour apprendre le développement web en utilisant des cadres - regardez la source Luke!

Docute

Docute est une bibliothèque JavaScript pour créer une documentation d'une seule page . Il est alimenté par VueJS et livré avec un certain nombre d'utilitaires de nœuds qui vous permettent de configurer et d'exécuter votre documentation rapidement .

40+ Scripts de tooltips utiles avec CSS, JavaScript et jQuery

40+ Scripts de tooltips utiles avec CSS, JavaScript et jQuery

Un élément d'interface utilisateur intéressant, les info-bulles (également appelées infotips) font apparaître une petite boîte lorsque le curseur de la souris survole un certain texte ou une image avec des informations concernant l'élément survolé. En termes d'expérience utilisateur, les infobulles fournissent aux utilisateurs la source d'informations la plus rapide et la plus simple sans avoir à cliquer sur quoi que ce soit .Bien que le

(Conseils techniques et de conception)

50 Street Art 3D à couper le souffle (peintures)

50 Street Art 3D à couper le souffle (peintures)

Les peintures de Street Art 3D existent depuis le XVIe siècle, lorsque les peintres de la Renaissance italienne Madonnari et du trompe-l'œil français ont créé de superbes peintures murales pour décorer les murs intérieurs des luxueuses villas. L'art 3D peut aussi tracer ses voies plus loin à l'époque de la Grèce antique où le peintre Zeuxius (né vers 464 avant J.-C.) a pein

(Conseils techniques et de conception)