Neue Ressourcen für Webdesigner und -entwickler (Juli 2017)

Die Zeit vergeht und wir sind jetzt in der Mitte von 2017. In diesem Monat haben wir eine Reihe großartiger JavaScript-Bibliotheken und einige andere wie ein Plugin, mit dem GraphQL in WordPress, eine Desktop-Anwendung zum Rendern von CSV-Daten und einige Websites aktiviert werden können Rahmenbedingungen. Lass uns sie überprüfen.

HeroPatterns

Eine Sammlung von Wiederholbares Muster mit SVG dass Sie als Hintergrund für Ihre Website verwenden können. Die Seite ist mit einer praktischen Einstellung ausgestattet Passen Sie Farbe und Deckkraft des Musters an und Sie können den Code einfach kopieren und einfügen, um ihn in Ihr CSS einzufügen.

TestCafe

TestCafe ist ein End-to-End-Testwerkzeug (e2e) Auf diese Weise können Sie Ihre Websites und Web-Apps so testen, als würden sie von echten Benutzern verwendet. Bei der Durchführung des Tests werden mehrere Dinge automatisiert, einschließlich Starten Sie die Browser, führen Sie die angegebene Testeinheit aus und erstellen Sie Berichte, Screenshots sowie Sourcemap zur einfachen Fehlerbehebung.

SugarJS

SugarJS ist eine JavaScript-Bibliothek Objekte, Arrays und Datumsangaben bearbeiten mit einer schöneren und besser lesbaren Syntax. Die Bibliothek enthält beispielsweise auch eine Handvoll Hilfsfunktionen, .escapeHTML () welches wird HTML-Elemente in ihr Entity-Format konvertieren.

FRAU

Eine praktische JavaScript-Bibliothek für Zeit, Anzahl und reguläre Zeichenfolge in Millisekunden. ms ('2 tage'), wird zum Beispiel in konvertiert 172800000.

pa11y

Eine großartige Sammlung von Hilfsmitteln Verbessern Sie die Zugänglichkeit auf Ihrer Website und Web-Apps. pa11y besteht aus einer CLI zum Testen von Webseiten auf Probleme mit der Zugänglichkeit. a Dashboard, um generierte Berichte über Fehler und Warnungen anzuzeigen, und eine CLI, die speziell für ein CI-Tool wie Codeship oder Travis entwickelt wurde.

Feder-Icons

EIN Sammlung von Icons mit moderner Atmosphäre. Diese Symbole passen perfekt zu Websites und Apps, die für alle Plattformen (iOS, Windows oder Ubuntu) entwickelt wurden. Die Icons kommen rein SVG sowie in React- und Angular-Komponenten.

Flug reagieren

Ein React Modul zu Animationskomposition in Ihrer Anwendung erstellen. Die Bibliothek ist vom Prinzip für Skizze inspiriert, in dem Sie können Fügen Sie einer UI-Komponente Interaktivität hinzu schnell und einfach.

BounceJS

Eine Bibliothek zu Animationen mit Bounce-Effekt erstellen. Die Animation basiert auf CSS3 und einer Reihe voreingestellter Animationen. Sie können die JavaScript-Bibliothek über npm, bower oder installieren Kopieren Sie einfach die CSS-Animation in der Website generiert.

Bojler

Bojler ist ein E-Mail-Framework mit der Richtlinie zum Schreiben von HTML-Code Das wird auf den meisten gängigen E-Mail-Clients richtig dargestellt. Weitere E-Mail-Frameworks finden Sie in unserem vorherigen Beitrag.

Devicon

Eine Sammlung von Icons von Programmiersprachen, Design und Entwicklungswerkzeugen. Die Symbole stehen im SVG- und Schriftformat zur Verfügung. Einige besondere Icons wie Firefox, AWS und HTML5 werden ebenfalls mit detaillierten Varianten geliefert. Ziemlich cool, richtig?

Jetzt UI Kit

Eine responsive Schnittstelle für die Sammlung, die auf Bootstrap 4 basiert verfügt über 50 Elemente und 3 benutzerdefinierte Vorlagen. Neben der HTML-Version ist die Benutzeroberfläche auch in den Formaten PSD und Sketch verfügbar.

T-Scroll

T-Scroll ist ein JavaScript-Bibliothek zum Anwenden von Animationen wenn ein Element im Ansichtsfenster sichtbar ist. Es ist mit einer Handvoll Optionen und voreingestellten Animationen ausgestattet.

Ory-Editor

ORY ist ein moderner und zugänglicher Web-Editor im Web. Der ORY-Editor ist aufgebaut auf React und Flux. Es erleichtert die Bearbeitung, indem es Benutzern ermöglicht wird, Inhalte zu bearbeiten und das Ergebnis sofort anzuzeigen ohne spezielle Syntax wie HTML oder Markdown zu kennen.

TadViewer

TadViewer ist praktisch Desktop-App zum Anzeigen von CSV und es funktioniert bei großen Daten und Dateien. Die App ist unter Mac OS, Windows und Linux verfügbar.

Glatte Scroll Polyfill

Smooth Scrolling hat sich als erfreulicheres Benutzererlebnis erwiesen. Es wird jetzt offiziell im W3C vorgeschlagen und verfasst. Im Moment funktioniert es nur in Chrome, Firefox und Opera. Verwenden Sie diese Bibliothek zu emulieren Sie das reibungslose Bildlaufverhalten in Internet Explorer und Safari.

Noty

Eine JavaScript-Bibliothek zur Anzeige von Benachrichtigungen, Noty macht es einfach, Alart, Erfolg, Fehler, Warnung, Informationen oder eine Dialogmeldung anzuzeigen. Es kann zusammen mit einer Animationsbibliothek wie mo.js und bounce.js verwendet werden die Benachrichtigung gleitend ein- und auszublenden.

HopScotch

Hopse ist ein Open-Source-Projekt von LinkedIn instanziert. Es ist ein Rahmen, mit dem Entwickler Produkttouren einfach hinzufügen können. Schauen Sie sich die Demo für ein Live-Beispiel und die API an.

SurveyJS

SurveyJS ist eine weitere großartige JavaScript-Bibliothek. Wie der Name schon sagt, ist es so entworfen, um Umfrageeingaben zu erstellen. Es enthält verschiedene Eingabetypen, um die Antworten der Umfrage und auszufüllen wurde auch auf mehrere gängige JavaScript-Frameworks portiert einschließlich AngularJS, VueJS und React.

WP GraphQL

GraphQL ist auf dem Vormarsch und könnte eine sein starker Anwärter, der die REST-Architektur ersetzt das befähigt fast alle Web-APIs. Dies ist ein Plugin, mit dem Sie das tun können Rufen Sie Ihre WordPress-Inhalte mit GraphQL ab. Hier ist eine großartige Referenz, wie sich REST und GraphQL voneinander unterscheiden.

Monaco-Herausgeber

Der Herausgeber von Monaco ist der Herausgeber aktiviert den Visual Code Editor. Es wurde von Microsoft entwickelt und unterstützt standardmäßig mehrere Sprachen, darunter HTML, CSS, LESS, CoffeeScript und PHP Intellisense, mit dem Sie Code schneller schreiben können.