Neue Ressourcen für Webdesigner und -entwickler (März 2017)

Mit CLI (Command Line Interface) können wir das Optimieren und Automatisieren von Webentwicklungsworkflows. Aus diesem Grund haben wir in dieser Installation eine Reihe von großartigen CLIs hinzugefügt, die Sie auf Ihrem lokalen Computer installieren oder auf dem Server ausführen können. Darüber hinaus haben wir noch einige hinzugefügt PHP-Tools, Browser-Add-Ons und JavaScript-Bibliotheken. Lass uns sie überprüfen.

Klicken Sie hier für weitere Ressourcen

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

Guetzli

Ein neuer Encoder von Google erlaubt es, das Bild um bis zu 35% zu reduzieren von der ursprünglichen Größe unter Beibehaltung der Qualität. Es ist durchaus ein Durchbruch, da ähnliche Open-Source-Encoder wie z JPEGOptim und Jpegtran sind auf durchschnittlich nur 20% begrenzt. Ich sehe, dass es eine Reihe von Apps und Plugins für die CMS-Plattform geben wird, die Guetzli zur Optimierung von JPEG-Dateien integriert.

Entwickler-Roadmap

Wie der Name schon sagt, ist die Entwickler-Roadmap eine Infografik der Reise eines Web-Entwicklers. Es gibt drei Kurse für Front-End, Back-End und DevOps. Diese Straßenkarten sind wie eine Karte; und sind eine großartige Referenz zu sehen Wo wir gerade sind, was wir vielleicht verpasst haben und wohin wir als nächstes gehen.

Netlify CMS

SmashingMagazine hat kürzlich eine mutige Bewegung, um WordPress aufzuheben und probieren Sie etwas Neues mit einem neuen CMS namens Netlify CMS. Es ist ein neues CMS, das auf React.js aufgebaut ist und kann Integriert in jeden statischen Standortgenerator wie Jekyll, Hugo und MiddleMan.

BadSSL

Es ist ein Website, um Ihre SSL-Konfiguration zu überprüfen. BadSSL ist ein praktisches Tool zum Ausführen von Debugging und Fehlern über SSL, das auf Ihrer Site installiert ist.

Alix

Alix ist ein Chrome-Erweiterung, mit der Sie die Zugänglichkeit Ihrer Website überprüfen können. Nach der Installation und Aktivierung fügt das Plugin eine Anzahl von Elementen auf der Seite hinzu welche Warnungen oder Fehler darstellen.

AR.js

AR.js ist JavaScript-Bibliotheken im Gegensatz zu den anderen. Diese Bibliothek ermöglicht es uns, Augmented Reality mithilfe von Web-Technologie zu erstellen Läuft erstaunlich schnell auf Mobiltelefonen.

Trend reagieren

Es ist ein reagieren Sie auf eine Komponente von Unsplash, um ein hübsches Liniendiagramm zu erstellen, das in der Regel Trends anzeigt. Die Komponente ist konfigurierbar. Sie können Linienstärke, Farbe, Farbverläufe und Kurvenglätte einstellen. Sie können die GUI einfach dazu verwenden Generieren Sie bequem den Komponentencode.

Gitee

EIN macOS-Anwendung zur Überwachung Ihrer Github-Aktivität direkt von Ihrem Desktop aus, Gitee fügt ein neues Element in der Statusleiste hinzu, das die Anzahl der Sterne, Anhänger und Benachrichtigungen enthält. Darüber hinaus können Sie auch Zeigen Sie Diagramme Ihrer Push- und Commits für ein Repository sowie ein Trend-Repository an im aktuellen Monat und in der aktuellen Woche. Es ist Github on Desktop in aller Kürze.

Goops

Goops ist ein praktische CLI, die Ihr Projektverzeichnis analysiert und bestimmen Sie die Verzeichnisse und Dateien, die Sie hinzufügen möchten .Gitignore. Die CLI kann über NPM installiert werden. Nach der Installation geben Sie ein goops und fertig.

CSS debuggen

DebugCSS ist ein CSS-Drop-In-Dienstprogramm, mit dem Sie Ihre CSS-Ausgabe im Browser analysieren und überprüfen können. Es funktioniert ähnlich wie Alix, wenn Sie das debugCSS-Stylesheet laden oder das Bookmarklet verwenden hebt die Elemente auf der Seite hervor, die Fehler oder Warnungen enthalten.

EagleJS

EagleJS ist ein JavaScript-Bibliothek zum Erstellen einer Präsentation ähnlich wie RevealJS. EagleJS unterscheidet sich in einigen Punkten. Es wird mit Vue.js, einem JavaScript-MVC-Framework und Pug erstellt als das Templating-System zum Erstellen der Folie.

BootstrapTour

EIN JavaScript-Bibliothek zum Erstellen von Popup-Handbüchern mit einer Bootstrap-Komponente. Die Popup-Handbücher erscheinen normalerweise für neue Benutzer, um sie durch die Anwendungsoberfläche, neue Funktionen und Tipps zu führen. Es ist eine perfekte Bibliothek, wenn Ihre Site auch mit Bootstrap erstellt wurde.

Backstein

Ziegelstein ist eine JavaScript-Bibliothek, die zur Erstellung einer Benutzeroberfläche für Webanwendungen entwickelt wurde. Einige gebräuchliche Komponenten wie Kalender, Menü und Form finden Sie unter den im Lieferumfang enthaltenen Komponenten "storage-indexeddb" Komponente, um es Ihnen zu ermöglichen Daten auf der Clientseite mit IndexedDB speichern.

OctoTree

OctoTree ist ein nettes Dienstprogramm, mit dem Sie Quellcodes und Dateien auf Github mit Baumstruktur wie in IDEs oder Code-Editoren durchsuchen können. Es ist als Add-On für Chrome, Safari, Firefox und Opera erhältlich und als offizielles Add-On-Repository erhältlich. Octotree unterstützt das Private und Enterprise Github Repository.

Github-Benachrichtigung

Eine weitere nützliche Github-Erweiterung für Chrome. Nach der Installation können Sie eine Benachrichtigung erhalten, auch wenn Sie sich derzeit nicht auf Github-Seiten befinden. Ein großartiges Plugin, wenn Sie mit Ihren Repositories auf dem Laufenden bleiben möchten.

Bereitsteller

Deployer ist ein Tool zur Bereitstellung Ihrer PHP-Sites. Es funktioniert mit einer Reihe beliebter Frameworks und Plattformen wie WordPress, Drupal, Magento, Laravel und CodeIgniter. Mit diesem Tool können Sie Ihre eigenen Rezepte zusammenstellen, ein Befehl, der während der Bereitstellung ausgeführt wird. Es kommt mit Rollback Funktion, mit der Sie im Falle eines Ausfalls auf die vorherige Version zurückgreifen können.

PHPStan

Eine CLI, mit der PHP-Dateien nach Fehlern durchsucht werden, ohne die Laufzeitumgebung auszuführen. Das bedeutet, dass Sie keine vollständige Stack-PHP-Umgebung benötigen, um die PHP-Dateien in Ihrem Projekt zu debuggen.

NGINX Heizplatte

Eine Sammlung gebräuchlicher Nginx-Konfigurationen, einschließlich Backend-Caching, Grenzwert für Verbindungs- und Anforderungsraten sowie einige andere bewährte Vorgehensweisen, um die Geschwindigkeit Ihrer Website zu steigern und den Datenverkehr zu beschleunigen.

Sprudelnd

Bubbly ist eine großartige Befehlszeile, die Sie auf dem Server installieren können, um mit Let's Encrypt ein Zertifikat zu generieren, zu verwalten und zu erneuern. Das Dopplieren von SSL wird jetzt viel einfacher.

Waffelgitter

Ein weiteres, mit Flexbox erstelltes CSS-Grid-Framework, das Sie meiner Meinung nach prüfen sollten.