Page d'accueil » Création de sites web » Nouvelles ressources pour les concepteurs et les développeurs Web (février 2018)

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

    Ayant couvert cette série pendant des années, j'ai été témoin des outils qui vont et viennent. UNE quelques nouveaux outils sont publiés presque chaque semaine. Cependant, au cours des dernières semaines, je pense que cela s’est un peu ralenti, cela m’a pris un peu plus de temps que d’habitude creuser vers Github et d'autres sources pour trouver de nouveaux outils qui sont gratuits, open-source et qui méritent d’être mentionnés dans cette série.

    Dans le post d'aujourd'hui, j'ai un mélange d'outils d'un framework JavaScript, d'outils de test et de quelques-uns pour développer des sites WordPress. Vérifions-les.

    Kutt

    Un application qui raccourcit les URL avec votre propre nom de domaine. Il est construit sur des piles modernes telles que Node.js, React et Redux avec une poignée de fonctionnalités intégrées, y compris l'URL protégée par mot de passe, l'API RESTful, et des statistiques détaillées pour surveiller vos URL. La meilleure chose à faire est que c'est gratuit et que vous pouvez l'héberger sur votre propre serveur..

    WordHat

    WordHat est un outil pour intégrer Behat à WordPress. Behat est un framework de développement basé sur le comportement (BDD) pour PHP, où vous pouvez tester votre application PHP de manière plus expressive..

    Vous trouverez cet outil extrêmement utile car votre thème et votre plugin WordPress se compliquent avec les fonctionnalités; WordHat et Behat garantissent que votre thème ou plugin se comporte comme prévu quand l'utilisateur interagit avec elle.

    Navigateur WP

    Semblable à WordHat, WP-Browser est une extension de Codeception spécialement conçu pour les applications, thèmes et plugins WordPress. Codeception est un outil à réaliser essai sur votre application, semblable à PHPUnit et Behat, mais il est livré avec plus. En cela, vous pouvez faire Tests de navigateur, BDD, tests d'intégration d'unités et tests d'API.

    Node WP Internationalisation

    Le nom parle de lui-même. C'est un module NodeJS pour automatiser plein de choses pour internationaliser vos thèmes ou plugins. Installez le module et tapez wpi18n makepot générer le fichier POT hors du texte traduisible dans vos plugins ou thèmes WordPress.

    Merci

    Un autre module NodeJS à la mode sur Github récemment. “Merci” volonté générer une liste des responsables des packages utilisés sur votre projet open-source et le lier à leur don ou à la page OpenCollective en signe de gratitude pour leur contribution à la communauté.

    Créer un bloc de gluten

    Gutenberg entend et sera livré avec WordPress 5.0. C'est un Module NPM pour générer un passe-partout pour le développement du bloc de Gutenberg avec des piles modernes telles que React, Webpack, Babel et Sass. Il suffit de lancer la ligne de commande ,créer-guten-block, et vous êtes tous ensemble.

    WP Vue

    WP Vue est un modèle construit avec Vue pour afficher les publications WordPress. Ce modèle est un excellent point de départ si vous souhaitez créer votre site WordPress. sans tête. Voyez comment cela fonctionne dans la page de démonstration. Modifier l'URL du noeud final de l'URL de WP-API à partir de n'importe quel site WordPress; il repeuplera automatiquement les publications avec celles de la nouvelle URL de noeud final.

    Stimulus

    UNE nouveau framework JavaScript de Basecamp. Contrairement à React ou Vue, cela ne vous oblige pas à écrire votre application entière avec JavaScript ou à ajouter des attributs synthétiques..

    StimulusJS fonctionne dans un langage HTML simple que nous connaissions déjà avec le Les données- les attributs. De plus, il ne nécessite pas de configuration de construction complexe. Vous pouvez ajoutez simplement le script sur la page Web, comme vous l'avez fait avec jQuery et c'est tout - commencez à écrire le script pour rendre votre application vivante.

    Manta

    UNE application gratuite pour créer et gérer des factures. Vous pouvez ajouter une note, définir une devise, appliquer une remise, ajouter une liste de clients ou de clients., ajoutez votre logo, concevez le modèle de facture et téléchargez-le au format PDF. Il est disponible pour macOS, Windows et Linux. Si vous êtes un pigiste, il se peut que vous recherchiez cette facturation pour gérer votre activité de pigiste..

    Réagir statique

    Comme son nom l’indique, c’est un outil qui vous permet de: générer un site statique en utilisant React. Il est livré avec tous les outils préconfigurés, ce qui vous permet de commencer à produire du contenu pour le Web. Et étant un site statique, vous pouvez héberger le site même dans un hébergement partagé avec peu de ressources.

    Piklist

    Piklist est un développement WordPress qui vous permet de créer une configuration de site Web complexe avec WordPress avec moins de code. Il est livré avec un ensemble de fonctions d'assistance et de crochets pour étendre presque toutes les parties de WordPress, telles que la page des paramètres., champs personnalisés, avis d'administration, shortcode, widgets, taxonomies, utilisateurs, et beaucoup plus.

    Strapi

    UNE Content agnositic CMS framework pour construire une API de contenu. Il vous permet de concevoir votre propre structure de contenu et l'API, ainsi que de fournir un magnifique panneau d'administration pour les gérer. Cependant, il ne fournit pas de système de gabarit intégré. Il vous propose de choisir n'importe quelle bibliothèque frontale de votre choix comme React ou Vue.

    ParcelJS

    ParcelJS est un fagot un peu comme Webpack et Browserify, sauf que sa vitesse de pointe est élevée et qu’elle ne nécessite aucune configuration. Il prend en charge le bundle de développement commun pour HTML, JS, CSS et les transformateurs tels que PostCSS et Babel out-of-the-xbox. Donc, vous pouvez simplement vous concentrer sur votre code au lieu de perdre du temps sur la configuration.

    GoodShare

    Une bibliothèque JavaScript pour afficher le bouton de médias sociaux avec le nombre de partages pour quelques médias sociaux. Il supporte de nombreux médias sociaux, y compris ceux dont vous n'avez jamais entendu parler, tels que Vkontakte, Odnoklassniki, SurfingBird, ainsi que quelques plateformes de messagerie comme Skype, WhatsApp et LINE. GoodShare est également disponible en tant que composant Vue.

    CopyChar

    Un site qui vous permet de rechercher et copier des caractères spéciaux dans votre presse-papiers. Lettres, ponctuations, maths, flèches et emoji sont quelques-uns des personnages figurant sur le site. Simplement cliquez ou appuyez sur un personnage pour le copier dans votre presse-papiers.

    Nerv

    Nerv est un autre bibliothèque VirtualDOM réactive; une alternative à ReactJS. Il apporte la syntaxe familière JSX de React mais avec quelques différences notables. Nerv prend en charge Internet Explorer 8! et c'est juste un tiers de la taille de React. Encore, Nerv est compatible avec les add-ons de React, même les plus complexes.

    HyperappJS

    Une autre bibliothèque JavaScript qui mérite d’être étudiée pour créer une application Web. Il combine la gestion d'état avec un moteur DOM virtuel qui prend en charge les mises à jour et les événements de cycle de vie avec clé, le tout sans dépendance.

    VulcanJS

    Vulcain est un pile d'outils pour construire une application web moderne. Il est livré avec React, GraphQL et Meteor préconfigurés. Comme il s’agit d’un framework full-stack fournissant une gamme complète de composants d’aide mis au point pour le back-end et le front-end, tout est juste prêt à l'emploi. Ainsi, vous pouvez mettre votre application en service rapidement.

    Koa11y

    Une application de bureau pour Windows, macOS et Linux permettant d'examiner les problèmes d'accessibilité sur le site Web. Koa11y fournira des avis et des avertissements si votre site Web viole les normes d'accessibilité.

    Cela devrait être un outil dans chaque boîte à outils de développeurs Web. Essayez de naviguer sur des sites Web en utilisant simplement votre clavier pendant une journée pour comprendre l'importance de l'accessibilité..

    TablePlus

    Vraiment belle application graphique pour gérer la base de données. TablePlus prend en charge une grande variété de moteurs de base de données, notamment MySQL, SQLite, Redis, Postgres, MS SQL et bien plus encore. TablePlus est disponible pour macOS et Windows.