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

“Kopfloses CMS” gewinnt in diesen Tagen viel Aufmerksamkeit. In einer Nussschale, “kopfloses CMS” befasst sich nicht mit dem Frontend; nur das CMS macht den Inhalt sichtbar meistens in einer Form von RESTful API Die Entwickler verwenden möglicherweise das, was sie bevorzugen, um den Inhalt zu rendern. Mit der zunehmenden Beliebtheit dieser Praxis, Es entstehen neue Rahmenbedingungen, um es schnell einzurichten und auszuführen.

In dieser Zusammenfassung habe ich einige dieser Frameworks zusammen mit anderen hilfreichen Tools zusammengestellt, die es sich lohnt zu prüfen.

Headless WP Starter

Dies ist ein WordPress-Starter-Theme, aber im Gegensatz zu den anderen nutzt dieses Starter-Theme die WP-API, um den Inhalt abzurufen und ihn in einem statischen HTML-Code darzustellen Verwenden Sie Node und reagieren Sie auf Ihrer Website “kopflos”.

VueStoreFront

VueStoreFront ist eine andere “Kopfloses CMS” Rahmen. Gebaut auf Vue.js und Node, VueStoreFront und wurde für E-Commerce-Plattformen wie Magento, Prestashop und Shopware über die APIs entwickelt. Es beinhaltet auch den PWA-Ansatz, der ermöglicht die Nutzung der Website offline.

GatsbyJS

Gatsby ist ein Statischer Generator für Standorte gebaut mit React.js. Sie können CMSs mit API wie WordPress, Markdown, JSON verwenden, um den Inhalt zu füttern. Ebenso nutzt es einige neuere Technologien wie z Mit Node, PWA und React kann das Laden unglaublich schnell erfolgen.

DustPress

DustPress ist ein WordPress-Starter-Thema mit modernem Entwicklungsansatz. DustPress nutzt die Vorlagensprache Dust.js und trennt das HTML-Vorlagenlayout von der PHP-Logik, sodass Entwickler einen deutlich saubereren Code erstellen können. Es macht auch Entwicklung schneller, wartbarer und gibt dem Thema eine organisierte Struktur.

VSCode-Symbole

Visual Studio Code wurde schnell zu einem der beliebtesten Code-Editoren. Es ist Leicht, hat viele Plugins und jetzt gibt es eine Auswahl verschiedener Icons. Wenn Sie der Meinung sind, dass das Standardsymbol für Visual Studio Code langweilig ist, wechseln Sie zu einem dieser Symbole.

TailWindCSS

TailWindCSS ist ein weiteres CSS-Framework. Es unterscheidet sich jedoch von bekannten CSS-Frameworks wie Bootstrap und Foundation dahingehend, dass es keine UI-Komponenten bereitstellt. Stattdessen, TailWindCSS enthält kleine CSS-Klassen, mit denen Sie Ihre eigene Benutzeroberfläche erstellen können.

Traefik

Ich habe mit Docker experimentiert und überlegte, wie ich Domänennamen in mehrere verschiedene Container auf einem einzigen Computer umleiten könnte. Dann habe ich Traefik gefunden moderne HTTP-Reverse-Proxy- und Load-Balancer. Neben Docker werden auch andere Dienste wie Kubernetes, Rancher und Amazon Elastic Container unterstützt.

CubeUI

CubeUI wurde auf Vue.js gebaut und ist ein fantastische UI-Komponente zum Erstellen mobiler Apps. Bestehend aus vielen Komponenten wie Button, Popup, TimePicker, Slide und Checkbox. Jede Komponente wird mit einer TestUnit geliefert, die eine kontinuierliche Integration gewährleistet Fehler in jeder Komponente minimieren.

Luft

Air ist ein minimales WordPress-Starter-Thema. Durch Erweitern der _s fügt Air einige zusätzliche Komponenten hinzu, wie z Folien, Sticky-Navigationsleiste und WooCommerce-ready.

EmptyStates

EmptyStates ist ein Sammlung leerer Staatsseiten im Web und auf mobilen Apps für Inspiration. Die leere Statusseite ist die Art von Seite, die oft übersehen wird.

Shortcut Design

Diese Website bietet a Sammlung von Shortcuts von Populars-Anwendungen und Tools, die von Entwicklern und Designern verwendet werden. Hier finden Sie Verknüpfungen für Sketch, Photoshop, InDesign, Sublime Text, WordPress und vieles mehr. Das list enthält momentan nur Verknüpfungen für macOS, Aber es wäre toll, wenn Sie Windows-Verknüpfungen sehen, die ebenfalls hinzugefügt werden.

Uppy

Uppy ist ein JavaScript-Frameworks zum Erstellen einer Datei-Upload-Schnittstelle. Mit Uppy können Sie Dateien nicht nur von lokalen Laufwerken abrufen, sondern auch von externen Speicherdiensten wie Google Drive, Dropbox, Instagram und anderen Diensten. Es ist leicht, modular und mit benutzerdefinierten Plugins erweiterbar.

VuetifyJS

VuetifyJS ist eine Initiative von John Leider zu Materialdesign um Vue.js erstellen. Google hat eine ähnliche Initiative mit MDL oder Material Design Lite, scheint jedoch in der Community und im Internet nicht genügend Zugkraft zu haben Die Entwicklung scheint sich in den letzten Monaten wirklich langsam zu entwickeln. Wenn Sie also nach einer Alternative suchen, könnte VuetifyJS die richtige Wahl sein.

WP ULike

WP Ulike ist ein WordPress-Plugin zum Hinzufügen “Mögen” zu Ihrem Inhalt ob im eingebauten WordPress-Posttyp, benutzerdefinierten Posttypen und bbPress sowie BuddyPress. Es gibt auch einige andere coole Funktionen wie z Benachrichtigungssystem, Analytics und Widgets was es zu einem der überzeugendsten macht “Mögen” System für Ihre WordPress-Site.

Vee Validate

Vee Validate ist eine JavaScript-Bibliothek für Eingabefeld mit der eingebauten Validierung hinzufügen. Es unterstützt viele Arten von Eingaben wie E-Mail, Nummer, Datum, URL, IP-Adresse usw..

Vue-Datentabellen

Ein weiteres praktisches Vue.js-Plugin. VueDataTables ist ein einfaches zu erstellendes Plugin anpassbare und pagable Tabelle mit Vue.js. Das Plugin wurde im Hinblick auf die Skalierbarkeit erstellt, sodass massive Daten fehlerfrei auf dem Tisch angezeigt werden können. Es wird auch mit versendet einige zusätzliche Komponenten zum Einschalten Ihres Tisches wie Pagination, Searchbox und Filter.

Googler

Googler ist ein CLI, mit der Sie in Google über die Befehlszeilen suchen können. Ähnlich wie bei der Benutzeroberfläche werden auch Titel, Beschreibung, URL und Seitenumbruch abgerufen. Es ist ein praktisches Werkzeug für Mac OS und Linux Power User.

Schrauben-CMS

Bolt ist ein mit PHP erstelltes CMS. Es ist Schnell einzurichten, verwendet Twig als Template-Engine, unterstützt vollständig PHP7 und lässt sich einfach anpassen durch eine einfache YAML-Datei. Insgesamt sieht es für mich interessant aus; Ich werde auf jeden Fall etwas Zeit verbringen, um es weiter zu erkunden, wenn ich eine Chance habe.

Fernschreiben

Teletype ist eine neue Initiative des Atom Editors. Diese neue Funktion ermöglicht es Ihnen Arbeiten Sie mit Ihren Kollegen beim Schreiben von Code zusammen. Um es verwenden zu können, müssen Sie das offizielle Teletype-Plugin installieren.

Plyr

Plyr (als Spieler ausgesprochen) ist a moderne Mediaplayer-Bibliothek mit nur 10 kb Größe. Auf diese Weise können Sie den HTML-Video- und Audioplayer, Youtube und Vimeo sowie ein Live-Streaming-Medium anpassen. Es ist in aktiver Entwicklung mit mehr geplant hinzuzufügende Funktionen, einschließlich Unterstützung für eingebettetes Video von Wistia und Facebook.