Frische Ressourcen für Web-Entwickler - September 2017

Es gibt eine Reihe von Open-Source-Unternehmen, die sich zusammengeschlossen haben, um nützliche Webressourcen und Tools bereitzustellen, die jeder kostenlos nutzen kann . Dies ist es, was die Web-Community dazu bringt, zu gedeihen, zu innovieren und mehr nützliche Ressourcen zu produzieren.

In dieser Ausgabe der Fresh Resources-Serie habe ich eine Reihe neuer Ressourcen aus verschiedenen Kategorien zusammengestellt, darunter eine App, mit der Sie Sketch-Plugins auf verschiedenen Computern verwalten können, eine Sammlung von ikonischen Schriften für Ihre Nerd-Seele, ein paar Desktop-Apps und eine Handvoll anderer. Lasst uns sie eins nach dem anderen anschauen.

Klicken Sie auf Weitere Ressourcen

Klicken Sie auf Weitere Ressourcen

Hier finden Sie unsere gesamte Sammlung empfohlener Ressourcen und die besten verfügbaren Webdesign- und Entwicklungstools.

Inklusive Designprinzip

Eine großartige Referenz, die Prinzipien zum Erstellen von Websites oder Softwareanwendungen bereitstellt, die für möglichst viele Menschen unabhängig von ihren Behinderungen angenehm sind. Diese Referenz ist in Englisch, Spanisch, Französisch und Japanisch verfügbar. Ein schönes Poster ist ebenfalls verfügbar, das Sie ausdrucken und an Ihrem Arbeitsplatz platzieren können.

MerlinWP

Das war etwas, was ich mir ausgedacht hatte, aber jemand hat es zuerst gemacht und es sieht großartig aus. MerlinWP ist eine PHP-Klasse, die für Theme-Entwickler gedacht ist, um ein schönes Onboarding - Erlebnis für ein WordPress-Theme zu bieten, ähnlich wie wir macOS oder Windows auf einem neuen Computer einrichten würden.

WTFJS

JavaScript ist eine großartige Sprache mit einem großen Ökosystem, das Web-, Desktop- und mobile Anwendungen ermöglicht. Der Umgang mit JavaScript kann jedoch manchmal schwierig sein. WTFJS, wie der Name schon sagt, hat diese eigenartigen JavaScript-Verhaltensweisen gesammelt , die WTF schreien!

Fakturierung

Ein WordPress-Plugin, mit dem Sie direkt aus dem Dashboard eine Rechnung und ein Angebot erstellen können . Es ist einfach zu bedienen und schlanke Benutzeroberfläche und enthält alle Funktionen zur Verwaltung von Rechnungen. Sie können auch verschiedene Zahlungsmodi einstellen, damit Ihre Kunden von Paypal, Authorize.net, Stripe und vielen anderen bezahlen können.

Lungo

Eine kleine MacOS-Anwendung, um Ihren Computer wach zu halten . Diese App ist besonders nützlich, wenn Sie sich in der Mitte von automatisierten Aufgaben befinden, deren Ausführung sehr lange dauert und Sie sicherstellen möchten, dass Ihr Computer nicht in den Schlafmodus wechselt.

Vektor Emoji

Eine Sammlung populäre Emojis im Vektorformat . Dateien sind sowohl im Photoshop- als auch im Sketch-Format verfügbar.

PHPBot

PHPBot ist wie ein Assistent, der PHP-Sprache spricht . Sie können eine PHP-Funktion array_merge, z. B. array_merge version_compare, und Sie erhalten ein vollständiges Codebeispiel, das auf dieser Funktion basiert. Überraschenderweise erkennt es auch , wenn wir "Array Map" tippen . Eines Tages könnte es in einen Code-Editor oder eine IDE integriert werden, ähnlich wie Clippy in Microsoft Word.

TerminalsAreSexy

Terminal ist wahrscheinlich eines der größten jemals erfundenen Werkzeuge. Und dies, "TerminalsAreSexy", ist eine kuratierte Liste von Tools, Frameworks und Erweiterungen, die es verbessern werden. Sobald Sie Terminal und die Befehlszeilen beherrschen, werden Sie feststellen, dass es leistungsfähiger als alle GUI-Anwendungen ist.

Flachpicker

FlatPickr ist ein leichtgewichtiger, leicht anpassbarer, wahnsinnig schneller Date-Time-Picker, der in IE9 +, iOS Safari 6+, MS Edge, Chrome 8+ und Firefox 6+ funktioniert. FlatPickr wurde auch auf gängige JavaScript-Frameworks wie React, Ember, Vue und Angular portiert .

Komponist Katze

Composer ist ein beliebtes Abhängigkeitsmanagement für PHP-Anwendungen. Wenn Sie lieber mit einer grafischen Benutzeroberfläche arbeiten möchten, ist ComposerCat diejenige, nach der Sie suchen. Es ermöglicht Ihnen , Composer-Pakete über eine intuitive Benutzeroberfläche zu installieren, zu aktualisieren und zu entfernen . Der ComposerCat, der auf Electron basiert, ist für Windows, Mac OS und Linux verfügbar.

Vidlery

Eine großartige Sammlung von animierten Videos, die perfekt für einen Website-Hintergrund sind . Alle diese Videos sind kostenlos. Was können wir mehr fragen?

Webpack-Dashboard

Inspiriert vom OpenMCT-Dashboard der NASA zeigt Ihnen diese App die Logs, Assets, Operationen und andere analytische Bewertungen Ihrer Webpack-Pakete, die Ihnen das Gefühl geben, an einem NASA-Projekt zu arbeiten. Klingt super, oder?

GTop

Ein weiteres Tool, das zu Ihrer Produktivität beiträgt. GTop ist ein Knotenpaket, das Ihnen ein Systemüberwachungs-Dashboard für das Terminal bietet.

Wekan

Wekan ist eine Trello-ähnliche Anwendung, die Sie auf Ihrem eigenen Server ausführen können . Eine großartige Alternative zu Trello, besonders wenn Sie noch keinen Service abonniert haben. Schau dir das ausführliche Wiki zur Installation an.

FuzzySort

Inspiriert von der SublimeText-Suche ist FuzzySort eine JavaScript-Bibliothek für unglaublich schnelle Fuzzy-Typ-Suchen . Diese Bibliothek kann in der Knotenanwendung und im Browser verwendet werden. Wenn Sie nicht sicher sind, welche "Fuzzy" Suche bedeutet, lesen Sie diesen Thread auf StackOverflow.

NerdFonts

Eine riesige Sammlung von Schriften, um deine nerdyige Seite zu entfesseln . Die Sammlung umfasst einige der beliebtesten Schriftfamilien wie Hack, Fira, Ubuntu, Roboto und Meslo.

Fitty

Fitty ist eine JavaScript-Bibliothek, um einen Text in seinen Container passen zu lassen . Es funktioniert mit benutzerdefinierten Webfonts und unterstützt mehrzeiligen Text. Es reagiert auch; da es die Schriftgröße automatisch anpasst, wenn sich das Ansichtsfenster ändert .

WhatWebCanDo

Das Web hat mehr entwickelt als nur Text und Medien zu liefern. Es hat sehr neue APIs, neue Elemente und CSS und andere Technologien eingeführt, die die Erfahrung im Web für Benutzer und Entwickler bereichern. Besuchen Sie WhatWebCanDo, um die Liste der Funktionen zu erhalten, die in dem von Ihnen verwendeten Browser aktiviert sind .

Skizzenpacks

Eine App, mit der Sie Sketch-Plugins auf mehreren Computern synchronisieren können . Es ist nützlich, wenn Sie sowohl mit Ihrem iMac als auch mit Ihrem MacBook arbeiten oder wenn Sie Ihren Sketch einrichten, wenn Sie gerade einen neuen Computer eingerichtet haben .

FontStorage

Eine riesige Sammlung von kostenlosen Schriften, die im Web verwendet werden können . Es bietet Schriftarten aus verschiedenen Kategorien mit Glyphen verschiedener Sprachen. Ein Plugin für den Code-Editor steht zur Verfügung, um es in das Stylesheet der ausgewählten Schriftart einzufügen . Alternativ können Sie die Schriftarten herunterladen und mit @fontface im eigenen Stylesheet der Site laden. Dies könnte eine gute Alternative zu Google Fonts sein.