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

Contrairement à d'autres industries, le développement Web évolue à pas de géant. De nouveaux outils, méthodes et cadres sont développés presque tous les jours pour répondre aux besoins des utilisateurs. nouvelles tendances et progrès technologiques dans le web.

Voici donc une liste des derniers outils et ressources, y compris un framework PHP pour effectuer facilement Test E2E pour votre application PHP, un outil permettant de générer des couleurs conformes aux normes d’accessibilité du W3C, ainsi que quelques extensions Vue.js. Faisons un saut pour voir la liste complète.

Application des images clés

Une application Web fournissant une belle interface graphique pour composer une animation CSS et visualisez l'animation avec une timeline. L'application vous permet également de télécharger la sortie CSS une fois que vous êtes satisfait. Les images-clés CSS ne sont pas la spécification la plus simple en CSS, donc avoir une application comme celle-ci vous permettrait d'économiser du temps..

Symfony Panther

“Symfony Panther” est un framework PHP exceptionnel de Symfony pour effectuer des tests E2E (de bout en bout). Il vient avec son serveur Web intégré et pourrait tirer parti de Chrome installé sur votre ordinateur pour effectuer le test E2E.

De plus, il supporte Exécutions JavaScript, capture d'écran, pilote Selenium personnalisé, Chrome et client Firefox. En tant que framework autonome, vous pouvez inclure Panther dans n’importe quel projet PHP tel que WordPress, Joomla, etc..

TendancePalettes

Une collection de belles palettes de couleurs. La collection propose des milliers de palettes de couleurs cueillies à la main. Les utilisateurs peuvent soumettre une nouvelle palette de couleurs, il y a donc toujours de nouvelles palettes ajoutées chaque jour. TrendyPalettes est également disponible en tant qu'extension Chrome.

Eagle.js

Eagle.js est un framework pour créer des diapositives construites sur Vue.js afin que vous puissiez facilement réutiliser des composants Vue.js personnalisés dans les diapositives. La diapositive prend également en charge navigation au clavier et à la souris, style personnalisé ou thématisation, widgets interactifs et fournit un passe-partout pour aider à configurer et à présenter rapidement la diapositive. Ça peut être un super alternative à Reveal.js, surtout si vous êtes déjà familier avec Vue.js.

Grape.js

GrapeJS est un constructeur Web à code source ouvert qui vous permet de créer des pages Web simplement en glisser et déposer des composants. Il fournit des composants communs tels que Texte, Image, Vidoe, Colonnes, Carte, Citation, etc. Vous pouvez l'exporter en HTML et CSS et la sortie est incroyablement soignée, contrairement à certains outils similaires que j'ai déjà essayés. Découvrez la démo.

Insipide

Vapid est un nouveau CMS construit avec Node.js avec une approche intéressante et unique. La plupart des systèmes de gestion de contenu, en supposant que vous souhaitiez inclure un nouveau type de données, devront d'abord définir l'entrée personnalisée dans la zone Tableau de bord / Administration..

Avec Vapid, c'est l'inverse puisque vous pouvez définir le modèle, et Vapid générera automatiquement l'entrée dans la zone Tableau de bord / Administration. Il est disponible sous forme de package NPM.

Notification WP CLI

Tout est dans le nom. C'est un package WP-CLI personnalisé permettant d'afficher les notifications du système d'exploitation lorsque WP-CLI est déjà terminé. Assez chic.

CSSGr.id

Une application Web pour composer CSS Grid. Vous pouvez configurer le nombre d'éléments, les colonnes, l'espace entre chaque élément, ainsi que la longueur de chaque élément, puis générer le code HTML et CSS. CSS Grid est l’une de ces spécifications CSS difficiles à comprendre. Mais cet outil facilite beaucoup le travail.

Indice de défilement

ScrollHint est une bibliothèque JavaScript qui vous permet de créer un élément par-dessus pour montrer qu'une section de votre page Web peut défiler. Ceci est particulièrement utile si vous avez un élément de défilement horizontal sur votre page Web, car la plupart des gens ne font pas naturellement défiler de gauche à droite (ou vice versa) lorsqu’ils utilisent le Web..

PristineJS

Une bibliothèque JavaScript pour ajouter une validation à une entrée. HTML5 est livré avec une validation de type déjà avec le “type = email”, et “type = nombre” par exemple. Mais si vous avez besoin d'un validateur personnalisé qui n'est pas implémenté en HTML5, cette bibliothèque JavaScript sera utile.

SelectionJS

La plupart des gens connaissent probablement déjà comment sélectionner plusieurs dossiers ou fichiers sur leur ordinateur; En général, ils maintiennent leur clic de souris et le font glisser autour des fichiers ou des dossiers qu'ils souhaitent sélectionner. Si vous souhaitez appliquer le même UX sur votre site Web, SelectionJS vous sera utile..

Webdash

Webdash est un outil qui peut affichez votre projet dans l'interface graphique. Il se connecte à travers le package.json déposer dans votre ordinateur. Donc, il peut afficher la liste des Packages NPM, mettez à jour le package, les scripts enregistrés, exécutez le script, et prévisualiser les fichiers README directement à partir de Webdash. Assez impressionnant!

CanJS

Un framework JavaScript pour construire une interface web. Il ressemble à React.js avec quelques fonctionnalités supplémentaires et vient avec le routeur, les utilitaires DOM et la fonction AJAX immédiatement. Il a également un support communautaire assez actif fournit certaines extensions.

CheerioJS

Une bibliothèque JavaScript qui implémente la spécification jQuery Core pour DOM (Document Object Model) et qui est conçue pour être utilisée côté serveur. Si vous êtes travailler avec Node.js tout en profitant de la syntaxe jQuery comme addClass (), attr (), et trouver(), c'est le JavaScript que vous recherchez.

Boîte de couleur

Colorbox est l’initiative de Lyft pour générer une composition de couleur conforme à la norme Accessibilité. L'outil est alimenté par un algorithme intelligent qui vous permet simplement déplacez le bouton, changez la configuration, et il générera les couleurs appropriées pour vous. C'est juste incroyable.

Propriétés typées en PHP 7.4

PHP7.3 est tout proche, comme nous l'avons mentionné dans le précédent versement. Mais PHP7.4 est déjà sur le plan. Un des plans est la propriété typée. Cela signifie que vous pourrez bientôt écrire quelque chose comme public int $ id; dans votre classe PHP. C'est un énorme changement qui pourrait considérablement aider à réduire vos problèmes d'application PHP.

Pochoir

Un compilateur JavaScript qui facilite la création de composants Web avec le dernier standard. En plus de cela, StencilJS ajoute également une approche de développement Web moderne au mélange, y compris Support JSX, réactivité, routeur et gestion de l'état en utilisant un plugin.

Vue Infinite Chargement

Une extension Vue pour créer une page de défilement infinie. C'est mobile-friendly et compatible avec tout élément déroulant. Il prend également en charge deux sens de défilement, et le meilleur de tous, il fait gagner beaucoup de temps.

V Presse-papiers

Une extension personnalisée Vue.js qui le rend si facile à créer un “Copie” bouton. Vous pouvez simplement ajouter un v-presse-papier attribuer à un bouton et vous êtes tous ensemble. Cette extension Vue.js fonctionne pour tous les navigateurs modernes, IE11 et les dernières.

Vue Select

Un composant Vue.js qui fournit une fonctionnalité similaire à Select2. Il est conçu pour Vue.js qu’il permet d’être compatible avec Vuex, Templating personnalisé, et un tas d'autres bonté Vue.js.