Nouvelles ressources pour les concepteurs et les développeurs Web (août 2018)

Il semble que la communauté du développement soit plus active ces derniers temps car de nombreux nouveaux outils ont été publiés au cours des derniers mois. Dans cette série de la série, je soulignerai certains des outils qui méritent d’être mentionnés..

Parmi la liste des outils, il y a un Bibliothèque JavaScript permettant de générer des données factices, un outil permettant de partager des fichiers au sein de réseaux locaux, et un qui vous permettra d’enregistrer une session Terminal dans une animation SVG. Cela paraît bien? Vérifions la liste complète ci-dessous.

Pushbar.js

C'est une bibliothèque JavaScript pour créer un tiroir coulissant. Le tiroir coulissant est généralement utilisé pour afficher la navigation dans les menus du site, mais vous pouvez utiliser cette bibliothèque pour afficher tout ce qui convient à votre site. Pushbar.js est entièrement personnalisable et sans dépendance, aucun jQuery n'est requis.

Carbon Now CLI

Carbon CLI est un package Node.js pour générer une capture d'écran de code magnifiquement à travers une interface de ligne de commande. Cet outil est inspiré de carbon.now.sh où vous pouvez faire de même avec une belle interface graphique sur le navigateur..

Faker.js

Une bibliothèque JavaScript pour créer des données factices. Il prend en charge la génération d’un volume important de données telles que les noms, l’adresse postale, le nom de la société, le numéro de téléphone, la date, etc. Toutes ces données peuvent être très utiles pour tester votre application web.

TermToSVG

TermToSVG ​​est un Enregistreur de terminal Linux cela rend vos sessions en ligne de commande dans une animation SVG. C'est un outil utile pour les développeurs pour l'écriture d'un tutoriel..

Gestionnaire de sauvegarde de base de données

C’est une bibliothèque PHP, et comme son nom l’indique, elle fournit un ensemble de fonctionnalités à gérer la sauvegarde et la restauration de la base de données. La bibliothèque prend en charge divers services pour envoyer ou extraire la sauvegarde, y compris Dropbox, Amazon S3, FTP et SFTP et Rackloud Cloud..

Bits de réaction

Une collection gigantesque de techniques, astuces et conseils de React.js, React Bits couvre les modèles de conception, les styles et les astuces de performance courants. C'est vraiment excellente ressource pour mettre à niveau vos compétences dans React.js.

Langue DSS

DSS signifie Deterministic StyleSheets, un nouvel outil de création CSS. Comment cela fonctionne-t-il et comment cela peut-il s'appliquer à mon travail quotidien? Honnêtement, je n'en ai aucune idée jusqu'à présent. Mais ça a l'air cool et c'est nouveau donc c'est sur la liste. Je vous remercie!

PurgeCSS

PurgeCSS est un package NPM qui permet optimiser la sortie CSS dans votre application Web en supprimant ceux qui ne sont pas utilisés. L’outil prend en charge divers outils intégrés, notamment Gulp, Grunt, Grunt, Webpack et PostCSS. Vous pouvez ainsi: l'intégrer dans votre projet tout de suite.

RFS

RFS signifie Responsive Font Size. C'est un projet intéressant pour s'attaquer à l'un des problèmes les plus difficiles du Web, à savoir: rendre la taille de la police sensible, de manière à ce que la taille suive parfaitement la taille de la fenêtre du périphérique. RFS est disponible en tant que MNP

SimpleBar

Bibliothèque JavaScript permettant de créer une barre de défilement personnalisée, SimpleBar vous permet de styler le défilement en style. correspond à votre style de site en utilisant CSS comme n'importe quel autre élément HTML sur le site. En raison des restrictions de la plate-forme et du navigateur, le style de la barre de défilement du navigateur était compliqué, mais SimpleBar l'a vraiment simplifié.

Larastan

Larastan est un emballage de PHPStan pour Laravel. PHPStan est un outil qui vous permettra de vérifier que vos codes ne contiennent pas d’erreur potentielle sans avoir à écrire un test unitaire. Il vérifie de nombreuses choses, y compris l'existence de méthodes et de fonctions appelées, les types affectés aux propriétés, le nombre et les types affectés au constructeur de classe, et la validation de phpDocs.

PWMetrics

PWMetrics est un outil qui regroupe les métriques Progressive Web Apps via une interface de ligne de commande développée par Paul Irish. L'outil est optimisé par Lighthouse et est disponible sous forme de package NPM. Il offre de nombreuses options pour configurer les métriques, les performances du test, et attente que vous souhaitez réaliser hors du test.

Pax

Pax est un bundle JavaScript pour compiler des modules JavaScript dans un fichier utilisable par les navigateurs. Pax promet de la vitesse. Il compile plus rapidement que certains bundles alternatifs. Il supporte pleinement ES6 importation et exportation syntaxe et la syntaxe CommonJS importation. contrairement à pax est écrit avec Rust et est disponible via le registre de paquets Rust appelé Cargo.

SustyWP

SustyWP est un Thème WordPress destiné à une meilleure cause; réduire l'empreinte carbone en réduisant sa taille au minimum. Il pèse seulement 7 à 6 Ko lorsqu'il est chargé sur le navigateur. Ses rapide et léger, et en retour, il consomme moins de ressources (par exemple, de l’électricité) pour charger le site. Découvrez le thème de l'histoire dans ce post de Jack Lenox.

La bibliothèque de griffonnage

UNE collection de dessins de griffonnage, la bibliothèque Doodle contient de nombreux dessins dans la collection et les regroupe en plusieurs catégories: visages, lieux, animaux, etc.. Les dessins sont disponibles au format SVG et sont distribués sous les Creative Creative Attributions 4.0

Tilt.js

Un plugin jQuery pour créer une fantaisie inclinaison effet semblable à ces vignettes d’aperçu que nous voyons sur l’Apple TV. Il n'a pas besoin de CSS supplémentaire. Ils fournissent également quelques exemples d'implémentations sur cette page, donc son utilisation est assez simple. Assurez-vous Découvrez l'effet d'éblouissement; C'est vraiment cool.

Fileroom

Fileroom est une application Web pour partage de fichiers entre homologues au sein du même réseau. Vous pouvez partager un fichier avec votre collègue simplement par glisser-déposer quel que soit le système d'exploitation. Cela fonctionne sous Windows, macOS, Linux.

Coolhue

Coolhue est une collection de dégradés de couleurs sélectionnés à la main, qui vous permet d’acquérir les nuances de palette de couleurs pour Photoshop et l’application Sketch ou installez-le dans votre projet en utilisant tonnelle ou npm. Cela devrait vous faire gagner du temps pour retrouver les couleurs de vos sites Web à venir..

Récif

Une bibliothèque JavaScript simple pour créer une interface utilisateur, Reef ne possède pas tous les éléments de la bibliothèque plus grande comme React.js ou Vue.js. Mais si tout ce dont vous avez besoin est de rendre une interface utilisateur, juste une entrée de données et le modèle Reef pourrait être une excellente alternative. Son poids juste 2Kb

À feuilles persistantes

Une collection de composants d'interface utilisateur de Segment.io. Les composants sont assez variés; En plus des composants habituels tels que les boutons, les icônes, la saisie de texte, il en existe quelques-uns qui, à mon avis, sont uniques à Evergreen, tels que Toaster, Side Sheet et Corner Dialog..