Frische Ressourcen für Web-Entwickler - Dezember 2016

Wir nähern uns dem Ende des Jahres 2016 und es war ein aufregendes Jahr für viele, einschließlich der Web-Entwickler. In diesem Jahr stieg die Popularität von ReactJS exponentiell, eine neue ReactJS-Erweiterung wurde veröffentlicht und steht (beinahe) jede Woche auf der Liste der Trending-Repositories von Github .

PHP7 erscheint ebenfalls in diesem Jahr und bietet eine deutliche Verbesserung der Geschwindigkeit sowie die Veröffentlichung von WordPress 4.7 mit der lang erwarteten WP-API- Funktion, und Facebook hat auch das Garn-Paket eingeführt, das NPM herausfordern könnte.

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.

Für weitere Details zu diesen nützlichen Veröffentlichungen werfen wir einen Blick auf die folgende Liste:

Leuchtturm

LightHouse ist ein praktisches Tool von Google, mit dem Sie Ihre Websites anhand moderner Webentwicklungsmetriken untersuchen können. Dazu gehören Seitenlade-Performance, Caching mit Service-Mitarbeitern, Antwortzeit für Server und so weiter. Diese Tools gibt es in zwei Formen, der CLI (Command Line Interface) und Google Chrome-Erweiterung.

SicherungJS

Die Fuzzy-Suche ist eine Art von Suchabschluß, bei der eine Anzahl von Möglichkeiten zurückgegeben wird, auch wenn sie nicht genau mit den Suchargumenten übereinstimmt . Wenn Sie zum Beispiel nach "bis" suchen, kann die Resultierende todo, robot und foot . Dies ist eine beliebte Suchleistung in den heutigen Webanwendungen. FuseJS ist eine einfache JavaScript-Bibliothek, mit der Sie es einfach auf Ihrer Website implementieren können.

Garn-Paket

Yarn ist ein von Facebook erstellter Node-Paketmanager . Es funktioniert im Grunde ähnlich wie NPM, allerdings mit Verbesserungen in verschiedenen Bereichen wie Geschwindigkeit, "Offline-Modus", mit dem Sie die Pakete installieren können, ohne sich mit dem Internet verbinden zu müssen, sowie Sicherheit und Zuverlässigkeit.

Menü Cache

Ein praktisches WordPress-Plugin zum Zwischenspeichern von WordPress Menu mit der Transient API zur Verbesserung der Datenbankabfragegeschwindigkeit. Das Plugin wird mit einer Reihe von Filtern geliefert, um die Caching-Periode anzupassen und andere Dinge zu tun. Es kann mit Composer oder als normales WordPress-Plugin installiert werden.

Githunt

Githunt ist eine Google Chrome-Erweiterung, die die Chrome-Startseite durch das Github-Trending-Repository ersetzt . Sie können das Ergebnis basierend auf dem Zeitraum und der Programmiersprache sortieren. Es ist, denke ich, ein Muss-Installationsprogramm für jeden Entwickler, um auf dem neusten Stand der Dinge zu bleiben.

FFocus

Sie können sich nicht auf Ihre Arbeit konzentrieren und möchten Ihre Arbeit schnell erledigen? Probieren Sie FFocus. Es ist eine CLI, mit der Sie die Website für eine bestimmte Dauer über das Terminal blockieren können . FFocus kann über NPM installiert werden, indem der Befehl npm i ffocus -g ausgeführt wird.

Accesslint

AccesslintJS ist eine JavaScript-Bibliothek, um Ihre Website auf Barrierefreiheit zu überprüfen. Die Verwendung dieser Bibliothek ist so einfach wie das Laden vor der Tag, und Sie erhalten alle Warnungen und Fehler direkt an der DevTools-Konsole.

Färbbar

Colorable ist eine praktische Webanwendung, mit der Sie eine Farbkombination erstellen können, die den WCAG-Richtlinien entspricht, und Ihre Website auch für Benutzer mit einer Sehbehinderung wie der Farbenblindheit zugänglich macht.

Micon

Micon ist eine Schriftart-Ikone ausgewählter Microsoft Windows 10-Piktogramme . Dies kann ein großer Ersatz für FontAwesome sein, von dem ich denke, dass es bereits überstrapaziert ist.

CSS-Referenz

Der Name sagt alles. Es ist eine CSS-Referenz zum Nachschlagen der CSS-Syntax . Es wird auch auf eine nette und angenehme Weise präsentiert, die es zu einer großartigen Alternative für CSS-Dokumentation bei MDN macht, wenn Sie denken, dass es zu langweilig ist.

Lokal von Schwungrad

Dies ist eine GUI-App, die das Einrichten einer lokalen WordPress-Website in Ihrem Mac OS so einfach macht . Die App ist vollgepackt mit großartigen Hilfsprogrammen für Entwickler, wie z. "One-Click" WordPress-Installation, SSH-Zugang, einfache SSL-Einrichtung, Website-Blueprint und XIP.io. Die App hatte einen Preis von rund 149 USD, wird aber seit dem Erwerb durch das Flywheel kostenlos zur Verfügung gestellt .

FreeCodeCamp

Es ist eine kostenlose Ressource, um Code für das Web zu lernen . Die Themen umfassen HTML, CSS, JavaScript und einige Bibliotheken wie ReactJS und D3 . Es bietet Herausforderungen oder Projektbeispiele, während Sie die Kurse belegen, sowie Tutorien, die Ihnen helfen, das Thema besser zu verstehen .

OverPass Schriftart

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

Formularbasis

Formularbasis ist eine Gruppe von CSS-Stilregeln, die Formularelemente zurücksetzen, die input, checkbox, select und textarea mit einfachen, aber schönen Stilen enthalten . Diese CSS-Bibliothek kann in Verbindung mit einem anderen "CSS-Umsetzer" wie Normalize.css verwendet werden.

Vorderes Ende

Es ist ein Framework, mit dem 24ways.org erstellt wird. eine großartige Ressource, die Sie sich ansehen können , um fortgeschrittene CSS-Techniken zu erlernen .

Sieg

ReactJS ist auf dem Vormarsch, und dazu kommt eine große Anzahl von Erweiterungen, um es zu unterstützen . Victory ist eine ReactJS-Komponente, um Intercative und Diagramme oder Datenvisualisierung hinzuzufügen.

Inferno

Inferno ist eine JavaScript-Bibliothek, um Web-Interface auf mobilen Geräten zu erstellen . Es ist von ReactJS inspiriert und weist daher ähnliche Syntaxkonventionen auf. Der Unterschied liegt jedoch darin, dass Inferno auf der Grundlage von Performance entwickelt wurde, was es viel kleiner macht und außerdem eine schnellere Rendering-Zeit ermöglicht .

Premonish

Permonish ist eine Bibliothek, die die nächste Interaktion der Benutzer vorhersagen kann . Auf diese Weise können Sie die Benutzeroberfläche (UI) besser vorbereiten, bevor der Benutzer mit Ihrer Website interagiert.

SPA Starterkit

Dies ist ein Beispiel für SPA (Single Page Application), das mit Laravel und VueJS erstellt wurde. Es ist eine weitere großartige Ressource, um Web-Entwicklung mit Frameworks zu lernen - siehe die Quelle Luke!

Docute

Docute ist eine JavaScript-Bibliothek zum Erstellen einer einzelnen Seitendokumentation. Es wird mit VueJS betrieben und mit einer Reihe von Knoten-Dienstprogrammen geliefert, mit denen Sie Ihre Dokumentation schnell einrichten und ausführen können .