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

Wir nähern uns dem Ende 2016 und es ist ein aufregendes Jahr für viele, einschließlich der Webentwickler. Dieses Jahr, Die Popularität von ReactJS stieg exponentiell an, Eine neue ReactJS-Erweiterung wird veröffentlicht und befindet sich in der Liste von Github's neusten Repositorys (fast) jede Woche.

PHP7 ist auch in diesem Jahr veröffentlicht was eine deutliche Verbesserung der Geschwindigkeit sowie die Freigabe von WordPress 4.7 mit der lang erwarteten WP-API Funktion und Facebook führte auch das Garnpaket ein das kann NPM herausfordern.

Klicken Sie hier für weitere Ressourcen

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

Weitere Einzelheiten zu diesen nützlichen Versionen finden Sie in der folgenden Liste:

Leuchtturm

LightHouse ist ein praktisches Tool von Google um Ihre Websites anhand moderner Metriken zur Webentwicklung zu überprüfen, darunter Leistung beim Laden der Seite, Caching mit Service-Mitarbeitern, Serverzeitantwort und so weiter. Diese Tools gibt es in zwei Formen, der CLI (Command Line Interface) und der Google Chrome-Erweiterung.

FuseJS

Die Fuzzy-Suche ist eine Art der Suche, an der sie abgeschlossen ist gibt eine Anzahl von Möglichkeiten zurück, auch wenn sie nicht genau mit den Suchargumenten übereinstimmt. Wenn Sie beispielsweise nach "to" suchen, wird das Ergebnis möglicherweise zurückgegeben machen, Roboter, und Fuß. Das ist ein beliebte Suchleistung in heutigen Webanwendungen. FuseJS ist eine leichte JavaScript-Bibliothek So können Sie es problemlos auf Ihrer Website implementieren.

Garn-Paket

Garn ist ein Knotenpaket-Manager, der von Facebook erstellt wurde. Es verhält sich grundsätzlich ähnlich wie NPM, allerdings mit Fortschritten in verschiedenen Bereichen, wie z. B. Geschwindigkeiten, 'Offline-Modus', mit dem Sie die Pakete ohne Internetverbindung installieren können, und Sicherheit sowie Zuverlässigkeit.

Menü-Cache

Ein praktisches WordPress-Plugin um das WordPress-Menü zwischenzuspeichern Verwenden der transienten API zur Verbesserung der Datenbankabfragegeschwindigkeit. Das Plugin kommt mit einer Reihe von Filtern zu Passen Sie die Caching-Periode an und führe andere Sachen aus. Es kann mit Composer oder als installiert werden reguläres WordPress-Plugin.

Githunt

Githunt ist eine Erweiterung von Google Chrome Ersetzt die Chrome-Startseite durch das Trend-Repository von Github. Sie können das Ergebnis nach Zeitraum und Programmiersprache sortieren. Es ist, denke ich, ein Muss-Installationsprogramm Damit jeder Entwickler mit den hellsten Tools auf dem neuesten Stand bleibt.

FFocus

Sie können sich nicht auf Ihre Arbeit konzentrieren und möchten Ihre Arbeit schnell erledigen? Versuchen Sie es mit FFocus. Es ist eine CLI, mit der Sie die Website für eine festgelegte Dauer über das Terminal blockieren können. FFocus kann sein durch NPM installiert indem Sie das ausführen npm i ffocus -g Befehl.

Accesslint

AccesslintJS ist ein JavaScript-Bibliothek zur Überprüfung Ihrer Website für die Zugänglichkeit. Die Verwendung dieser Bibliothek ist so einfach wie das Laden vor dem tag und du wirst bekommen alle Warnungen und Fehler direkt an der DevTools Console.

Einfärbbar

Farbbar ist ein praktische Webanwendung Auf diese Weise können Sie eine Farbkombination erzeugen, die den WCAG-Richtlinien entspricht, und Ihre Website erstellen für Benutzer mit Sehbehinderung zugänglich wie Farbenblindheit.

Micon

Micon ist ein Symbol für ausgewählte Windows 10-Piktogramme. Dies kann ein sein großer Ersatz für FontAwesome das finde ich schon überstrapaziert.

CSS-Referenz

Der Name sagt alles. Es ist eine CSS-Referenz zum Nachschlagen der CSS-Syntax. Es wird auch auf eine nette angenehme Weise dargestellt, die es zu einem macht Eine großartige Alternative für die CSS-Dokumentation bei MDN, wenn du denkst es ist zu langweilig.

Lokal mit dem Schwungrad

Das ist GUI App, die das Einrichten einer lokalen WordPress-Website in Ihrem macOS so einfach macht. Die App ist vollgepackt mit tollen Dienstprogrammen für Entwickler, z. “Ein Klick” WordPress-Installation, SSH-Zugriff, einfache SSL-Einrichtung, Site Blueprint und XIP.io. Die App wurde um 149USD festgesetzt, ist aber Jetzt kostenlos zur Verfügung gestellt, seitdem von Flywheel erworben.

FreeCodeCamp

Es ist ein kostenlose Ressource zum Erlernen von Code für das Web. Die Themen umfassen HTML, CSS, JavaScript und a einige Bibliotheken wie ReactJS und D3. Es bietet Herausforderungen oder Projektbeispiele während Sie die Kurse belegen, sowie Tutorials dazu helfen Sie, das Thema besser zu verstehen.

OverPass-Schriftart

OverPass-Schrift ist eine Schriftfamilie, bestehend aus acht Gewichte (200-900), True Italic und Monospace-Schrift. Die Schriftart kann sowohl von KeyCDN als auch als Webschriftart geladen werden für die Desktop-Verwendung installiert. Es ist kostenlos und Open Source.

Basis bilden

Formularbasis ist a Satz von CSS-Stilregeln das Zurücksetzen von Formularelementen, die enthalten Eingang, Kontrollkästchen, wählen, und Textbereich mit grundlegenden, aber schönen Stilen. Diese CSS-Bibliothek ist gut zusammen mit einem anderen verwenden “CSS-Resetter” wie Normalize.css.

Vorderes Ende

Es ist ein Rahmen, der zum Erstellen von 24ways.org verwendet wird. eine großartige Ressource damit du hineinschauen kannst um fortgeschrittene CSS-Techniken zu erlernen.

Sieg

ReactJS nimmt zu und damit auch eine große Anzahl von Erweiterungen zur Unterstützung. Der Sieg ist ein ReactJS-Komponente interkative und Diagramme oder Datenvisualisierung hinzufügen.

Inferno

Inferno ist ein JavaScript-Bibliothek zum Erstellen einer Webschnittstelle auf mobilen Geräten. Es ist inspiriert von ReactJS Daher werden ähnliche Syntaxkonventionen inhertiert. Der Unterschied ist jedoch, dass Inferno ist Mit Leistung im Kopf gebaut das macht es viel kleiner in der Größe und gibt es auch ein schnellere Renderzeit.

Premonish

Permonish ist eine Bibliothek, die dazu in der Lage ist die nächste Interaktion der Benutzer vorhersagen. Dies wird es Ihnen ermöglichen Bereiten Sie die Benutzeroberfläche perfekter vor bevor der Benutzer mit Ihrer Website interagiert.

SPA Starter Kit

Dies ist ein Beispiel für ein mit Laravel und VueJS erstelltes SPA (Single Page Application). Es ist noch Eine weitere großartige Ressource zum Erlernen der Webentwicklung mit Frameworks - Schau dir die Quelle an, Luke!

Dokumentieren

Dokument ist JavaScript-Bibliothek zum Erstellen einer Einzelseitendokumentation. Es wird mit VueJS betrieben und wird mit einer Reihe von Node-Dienstprogrammen geliefert, die es Ihnen ermöglichen Richten Sie Ihre Dokumentation schnell ein und führen Sie sie aus.