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

Im Gegensatz zu anderen Branchen verändert sich die Webentwicklung sprunghaft. Es gibt fast täglich neue Instrumente, Methoden und Rahmenbedingungen, auf die man sich einstellen kann neuere Trends und technologischer Fortschritt in der Webbranche.

Hier ist eine Liste der neuesten Tools und Ressourcen, einschließlich eines PHP-Frameworks, das einfach auszuführen ist E2E-Test für Ihre PHP-Anwendung, ein Tool zum Erzeugen von Farben, die den W3C-Standards für Barrierefreiheit entsprechen, und eine Handvoll Vue.js-Erweiterungen. Lassen Sie uns die vollständige Liste anzeigen.

Keyframes App

Eine webbasierte Anwendung eine nette Benutzeroberfläche zum Erstellen von CSS-Animationen und visualisieren Sie die Animation mit einer Zeitleiste. Mit der App können Sie auch die CSS-Ausgabe herunterladen, wenn Sie zufrieden sind. CSS-Keyframes sind in CSS nicht die einfachsten Spezifikationen. Eine solche App wäre daher auf jeden Fall eine Zeitersparnis.

Symfony Panther

“Symfony Panther” ist ein erstaunliches PHP-Framework von Symfony zur Durchführung von E2E-Tests (End-to-End). Es kommt mit seiner eingebauter Webserver Sie könnten Chrome in Ihrem Computer nutzen, um den E2E-Test durchzuführen.

Darüber hinaus unterstützt es JavaScript-Ausführungen, Screenshots, benutzerdefinierte Selenium-Treiber, Chrome und Firefox-Client. Als eigenständiges Framework können Sie Panther in jedes PHP-Projekt wie WordPress, Joomla usw. integrieren.

TrendyPaletten

Eine Sammlung von schönen Farbpaletten. Die Sammlung bietet Tausende von handverlesene Farbpaletten. Benutzer können eine neue Farbpalette einreichen, so dass immer neue Paletten hinzugefügt werden. TrendyPalettes ist auch als Chrome-Erweiterung verfügbar.

Eagle.js

Eagle.js ist ein Framework zum Erstellen von Folien, die auf Vue.js aufgebaut sind, sodass Sie benutzerdefinierte Vue.js-Komponenten innerhalb der Folien problemlos erneut verwenden können. Die Folie unterstützt auch Tastatur- und Mausnavigation, benutzerdefiniertes Styling oder Theming, interaktive Widgets und bietet eine Zwischenablage, mit der Sie die Folie schnell einrichten und präsentieren können. Es kann großartig sein Alternative zu Reveal.js, vor allem, wenn Sie bereits mit Vue.js vertraut sind.

Grape.js

GrapeJS ist ein Open-Source-Web-Builder, mit dem Sie Webseiten ganz einfach erstellen können Ziehen und Ablegen von Komponenten. Es enthält einige allgemeine Komponenten wie Text, Bild, Video, Spalten, Map, Zitat usw. Sie können es in HTML und CSS exportieren, und die Ausgabe ist erstaunlich ordentlich, im Gegensatz zu ähnlichen Tools, die ich zuvor ausprobiert habe. Schauen Sie sich die Demo an.

Vapid

Vapid ist ein neues, mit Node.js erstelltes CMS mit einem interessanten und einzigartigen Ansatz. Die meisten CMS müssen, vorausgesetzt Sie möchten einen neuen Datentyp hinzufügen, zuerst die benutzerdefinierten Eingaben im Dashboard / Admin-Bereich definieren.

Bei Vapid ist das Gegenteil der Fall, da Sie die Vorlage definieren können. Vapid generiert die Eingabe automatisch im Dashboard / Admin-Bereich. Es ist als NPM-Paket erhältlich.

WP CLI-Benachrichtigung

Der Name sagt alles. Es handelt sich um ein benutzerdefiniertes WP-CLI-Paket zum Anzeigen von Betriebssystembenachrichtigungen, wenn die WP-CLI bereits ausgeführt wird. Sehr schick.

CSSGr.id

Eine webbasierte Anwendung zum Erstellen von CSS-Grids. Sie können die Anzahl der Elemente, Spalten, die Lücke zwischen den einzelnen Elementen sowie die einzelnen Elementbereiche konfigurieren und dann den HTML- und CSS-Code generieren. CSS Grid ist eine dieser CSS-Spezifikationen, die nicht leicht zu verstehen sind. Dieses Tool macht es jedoch viel einfacher, damit umzugehen.

Hinweis blättern

ScrollHint ist eine JavaScript-Bibliothek, mit der Sie oben ein Element erstellen können, um anzuzeigen, dass ein Bereich auf Ihrer Webseite scrollbar ist. Dies ist besonders nützlich, wenn Sie auf Ihrer Webseite ein horizontales Bildlaufelement haben, da die meisten Benutzer beim Abrufen des Webs normalerweise nicht von links nach rechts (oder umgekehrt) blättern.

PristineJS

Eine JavaScript-Bibliothek, um einer Eingabe eine Validierung hinzuzufügen. HTML5 wird bereits mit der Typüberprüfung ausgeliefert “Typ = E-Mail”, und “Typ = Nummer” zum Beispiel. Aber wenn du einen brauchst Benutzerdefinierter Validator, der nicht in HTML5 implementiert ist, Diese JavaScript-Bibliothek wird sich als nützlich erweisen.

SelectionJS

Die meisten Leute kennen wahrscheinlich bereits die Auswahl mehrerer Ordner oder Dateien auf ihrem Computer. In der Regel halten sie die Maustaste gedrückt und ziehen sie um die Dateien oder Ordner, die sie auswählen möchten. Wenn Sie dieselbe UX auf Ihrer Website anwenden möchten, ist SelectionJS von Nutzen.

Webdash

Webdash ist ein Tool, das dies kann Anzeige Ihres Projekts in der GUI-Oberfläche. Es verbindet sich durch die package.json Datei auf Ihrem Computer. So kann die Liste der angezeigt werden NPM-Pakete, aktualisieren Sie das Paket, die registrierten Skripts, führen Sie das Skript aus, und Vorschau der README-Dateien direkt aus dem Webdash. Ziemlich cool!

CanJS

Ein JavaScript-Framework zum Erstellen einer Webschnittstelle. Es ist ähnlich wie React.js mit einigen zusätzlichen Funktionen und wird mit mitgeliefert Router, DOM-Dienstprogramme und AJAX-Funktionen sind sofort einsatzbereit. Es hat auch eine recht aktive Community-Unterstützung, die einige Erweiterungen bietet.

CheerioJS

Eine JavaScript-Bibliothek, die die jQuery Core-Spezifikation für DOM (Document Object Model) implementiert und auf der Serverseite verwendet werden soll. Wenn du bist Sie arbeiten mit Node.js und genießen auch die jQuery-Syntax mögen addClass (), attr (), und finden(), Dies ist das JavaScript, nach dem Sie suchen.

Colorbox

Colorbox ist eine Lyft-Initiative, um eine Farbkomposition zu erzeugen, die dem Farbzugriffsstandard entspricht. Das Tool verfügt über einen intelligenten Algorithmus, der es Ihnen einfach macht Bewegen Sie sich um den Knopf und ändern Sie die Konfiguration, und es erzeugt die richtigen Farben für Sie. Es ist einfach erstaunlich.

Typisierte Eigenschaften in PHP 7.4

PHP7.3 steht vor der Tür, wie wir bereits in der vorherigen Ausgabe erwähnt haben. PHP7.4 steht jedoch bereits auf dem Plan. Einer der Pläne ist Typed Property. Dies bedeutet, dass Sie dies bald tun können schreib etwas wie public int $ id; in Ihrer PHP-Klasse. Dies ist eine große Änderung, die erheblich dazu beitragen kann, die Fehler in Ihrer PHP-Anwendung zu reduzieren.

Schablone

Ein JavaScript-Compiler, der das Erstellen von Webkomponenten mit dem neuesten Standard vereinfacht. Darüber hinaus fügt StencilJS einige moderne Webentwicklungsansätze hinzu JSX-Unterstützung, Reaktivität, Router und Statusverwaltung mit einem Plugin.

Vue Infinite Loading

Eine Vue-Erweiterung zum Erstellen einer unendlichen Bildlaufseite. Es ist mobil und freundlich kompatibel mit jedem scrollbaren Element. Es unterstützt auch zwei Bildlaufrichtungen und das Beste ist, dass es viel Zeit spart.

V Zwischenablage

Eine benutzerdefinierte Vue.js-Erweiterung, die es so macht einfach zu erstellen “Kopieren” Taste. Sie können einfach eine V-Zwischenablage Attribut zu einer Schaltfläche und du bist fertig. Diese Vue.js-Erweiterung funktioniert für jeden modernen Browser sowie für IE11 und den neuesten.

Vue Select

Eine Vue.js-Komponente, die ähnliche Funktionen wie Select2 bietet. Es ist für Vue.js gedacht, das es sein darf kompatibel mit Vuex, Custom Templating, und ein paar andere Vue.js Güte.