Neue Ressourcen für Webdesigner und -entwickler (August 2018)

Es scheint, dass die Entwicklungsgemeinschaft in letzter Zeit aktiver ist, da in den letzten Monaten zahlreiche neue Tools veröffentlicht wurden. In dieser Runde der Reihe werde ich einige der Werkzeuge hervorheben, die es wert sind, erwähnt zu werden.

Unter der Liste der Werkzeuge gibt es eine JavaScript-Bibliothek zum Erzeugen von Dummy-Daten, ein Tool zum Freigeben von Dateien in lokalen Netzwerken, und eine, mit der Sie die Terminalsitzung in SVG-Animation aufnehmen können. Hört sich cool an? Sehen wir uns die vollständige Liste unten an.

Pushbar.js

Es ist eine JavaScript-Bibliothek zum Erstellen von Schubladen. Normalerweise wird die Schublade für die Navigation der Site-Menüs verwendet. Mit dieser Bibliothek können Sie jedoch alles anzeigen, was für Ihre Site geeignet ist. Pushbar.js ist vollständig anpassbar und frei von Abhängigkeiten, keine jQuery erforderlich.

Carbon Now CLI

Carbon CLI ist ein Node.js-Paket für Generieren Sie einen Code-Screenshot schön über eine Befehlszeilenschnittstelle. Dieses Tool ist von carbon.now.sh inspiriert, wo Sie dasselbe über eine nette GUI im Browser tun können.

Faker.js

Eine JavaScript-Bibliothek zu Erstellen Sie eine Dummy-Daten. Es unterstützt die Generierung einer Vielzahl von Daten wie Namen, Postanschrift, Firmenname, Telefonnummer, Datum und vieles mehr. All diese Daten können sehr nützlich sein Testen Sie Ihre Webanwendung.

TermToSVG

TermToSVG ​​ist ein Linux-Terminal-Recorder das macht Ihre Kommandozeilen-Sitzungen in eine SVG-Animation. Es ist ein nützliches Werkzeug für Entwickler, um ein Tutorial zu schreiben.

Datenbank-Sicherungs-Manager

Es ist eine PHP-Bibliothek, die, wie der Name schon sagt, eine Reihe von Funktionalitäten bereitstellt Datenbank sichern und wiederherstellen. Die Bibliothek unterstützt verschiedene Dienste zum Senden oder Abrufen der Sicherung, einschließlich Dropbox, Amazon S3, FTP und SFTP sowie Rackloud Cloud.

Bits reagieren

React Bits ist eine riesige Sammlung von React.js-Techniken, Tipps und Tricks und behandelt gängige Designmuster, Styling- und Performance-Tipps. Das ist wahrlich Eine großartige Ressource, um deine React.js-Fähigkeiten zu verbessern.

DSS-Sprache

Die DSS steht für Deterministic StyleSheets, ein neues CSS-Authoring-Tool. Wie funktioniert das und wie kann ich es in meiner täglichen Arbeit anwenden? Ich habe ehrlich gesagt keine Ahnung. Aber es sieht cool aus und ist neu, also steht es auf der Liste. Vielen Dank!

PurgeCSS

PurgeCSS ist ein NPM-Paket, das dies ermöglicht Optimieren Sie die CSS-Ausgabe in Ihrer Webanwendung entfernen, indem Sie diejenigen entfernen, die nicht verwendet werden. Das Tool bietet eine Vielzahl von integrierten Tools, einschließlich Gulp, Grunt, Grunt, Webpack und PostCSS integrieren Sie es in Ihr Projekt jetzt sofort.

RFS

RFS steht für Responsive Font Size und ist ein interessantes Projekt, um eines der schwierigsten Dinge im Web anzugehen die Schriftgröße anspricht, so, dass die Größe gut mit der Größe des Ansichtsfensters des Geräts übereinstimmt. RFS ist als NPM verfügbar

SimpleBar

SimpleBar ist eine JavaScript-Bibliothek, mit der Sie eine benutzerdefinierte Bildlaufleiste erstellen können Passen Sie Ihren Site-Stil wie jedes andere HTML-Element mit CSS an auf der Website. Aufgrund von Plattform- und Browsereinschränkungen war das Styling der Browser-Bildlaufleiste kompliziert, aber SimpleBar hat es wirklich einfach gemacht.

Larastan

Larastan ist ein Wrapper von PHPStan für Laravel. Mit PHPStan können Sie Ihre Codes auf mögliche Fehler überprüfen, ohne einen Komponententest schreiben zu müssen. Es prüft zahlreiche Dinge, darunter das Vorhandensein von aufgerufenen Methoden und Funktionen, Typen, die Eigenschaften zugewiesen sind, Anzahl und Typen, die dem Klassenkonstruktor zugewiesen sind, und die Überprüfung von phpDocs.

PWMetrics

PWMetrics ist ein Tool, das Progressive Web Apps-Messdaten über eine von Paul Irish entwickelte Befehlszeilenschnittstelle erfasst. Das Tool wird von Lighthouse betrieben und ist als NPM-Paket erhältlich. Es bietet viele Möglichkeiten Konfigurieren Sie die Metriken, die Testleistung, und Erwartung, die Sie aus dem Test heraus erreichen möchten.

Pax

Pax ist ein JavaScript-Bundler für JavaScript-Module in eine für die Browser verwendbare Datei kompilieren. Pax verspricht Geschwindigkeit. Es kompiliert schneller als einige alternative Bundler. Es unterstützt vollständig ES6 einführen und Export Syntax und die CommonJS-Sytax einführen. nicht wie pax wird mit Rust geschrieben und ist über das Rust-Paketregister Cargo erhältlich.

SustyWP

SustyWP ist ein WordPress-Theme für eine bessere Sache; um den CO2-Fußabdruck zu reduzieren, indem seine Größe so gering wie möglich gehalten wird. Es ist nur 7-6 kb schwer, wenn es im Browser geladen wird. Es ist schnell und leicht, Im Gegenzug verbraucht es weniger Ressourcen (z. B. Strom), um den Standort zu laden. Sehen Sie sich die Hintergrundgeschichte in diesem Beitrag von Jack Lenox an.

Die Doodle-Bibliothek

EIN Sammlung von Doodle-Zeichnungen, Die Doodle-Bibliothek enthält viele Zeichnungen in der Sammlung. Sie sind in verschiedene Kategorien unterteilt: Gesichter, Orte, Tiere usw. Zeichnungen sind im SVG-Format verfügbar und werden unter den Creative Common Attributions 4.0 vertrieben

Tilt.js

Ein jQuery-Plugin für eine Phantasie schaffen Neigung bewirken ähnlich wie die Vorschaubilder, die wir auf dem Apple TV sehen. Es wird kein zusätzliches CSS benötigt. Sie bieten auch einige Beispiele für Implementierungen auf dieser Seite, daher ist die Verwendung recht einfach. Stell sicher, dass du Überprüfen Sie den Blendungseffekt; es ist wirklich cool.

Akten Raum

Fileroom ist eine Webanwendung für Peer-to-Peer-Dateifreigabe innerhalb desselben Netzwerks. Sie können Dateien unabhängig von Ihrem Betriebssystem einfach per Drag-n-Drop mit Ihrem Kollegen teilen. Es funktioniert unter Windows, Mac OS, Linux.

Coolhue

Coolhue ist eine Sammlung von handverlesenen Farbverläufen. Mit dieser Option können Sie Farbfelder für die Photoshop- und Sketch-App oder Installieren Sie es in Ihrem Projekt mit Laube oder npm. Dies sollte Ihnen etwas Zeit ersparen, um Farben für Ihre bevorstehenden Websites aufzugreifen.

Riff

Reef ist eine einfache JavaScript-Bibliothek zum Erstellen einer Benutzeroberfläche. Es enthält nicht alle Glocken und Pfeifen aus der größeren Bibliothek wie React.js oder Vue.js. Aber wenn Sie alles brauchen, ist es Rendern einer Benutzeroberfläche, nur Dateneingabe und das Template Reef könnte eine gute Alternative sein. Es ist nur 2 Kb schwer

Immergrün

Eine Sammlung von UI-Komponenten von Segment.io. Die Komponenten sind sehr unterschiedlich; Abgesehen von einigen regulären Komponenten wie Schaltflächen, Symbolen, Texteingabe, gibt es einige, von denen ich denke, dass sie für Evergreen einzigartig sind, wie Toaster, Side Sheet und Corner Dialog.