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

Viele der Tools und Apps für Entwickler, die im Web zu finden sind, entwickeln sich nach Trends, während andere sich zu einer pragmatischeren Lösung entwickeln. In diesem Monat habe ich mich dazu entschlossen, mehr Zeit darauf zu verwenden, Ressourcen zu finden, die möglicherweise nicht als offensichtlich nützlich erscheinen , aber dennoch heben Sie sich in ihren jeweiligen Kategorien hervor.

Wir haben eine gut aussehende Schrift, die vielleicht Ihre ist Helvetica Neue Ersatz, eine JavaScript-Bibliothek zum Testen des Berührungsdrucks und ein praktisches Tool für die JavaScript-Fehlerprotokollierung. 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.

OverPass-Schriftart

Überführung font ist eine kostenlose, von Highway Gothic inspirierte Schriftart. Highway Gothic ist eine in vielen Ländern weit verbreitete Schrift für Verkehrsschilder aufgrund der Lesbarkeit über Entfernungen und hohe Geschwindigkeiten. Die OverPass-Schriftart gibt es in vier Schriftstärken (dünn, normal, halb- und fett), Groß- und Kleinbuchstaben. Sie können auch in eine Webschriftart konvertiert werden.

Lizenz: OFL (Open Font-Lizenz)

Pa11y

Pa11y ist ein Tool zum Testen der Zugänglichkeit Ihrer Website mit weniger Aufwand, durch die Schönheit, die ist Automatisierung. Sie können die Befehlszeilenschnittstelle oder das Setup über das Dashboard verwenden, wenn Sie eine farbenfrohe, interaktive Schnittstelle bevorzugen. Pa11y erstellt einen Bericht mit den zu korrigierenden Bereichen, wenn Sie den Zugriff auf Ihre Website für verschiedene Behinderungen verbessern möchten.

Weitere Ressourcen zur Barrierefreiheit:

Das moderne Web und Barrierefreiheit [Video]
Playlist: Accesibility von Thomas Bradly [Video]
Ein Einblick in ARIA-Webstandards und Barrierefreiheit für HTML-Apps

PressureJS

Apples Force Touch misst im Prinzip den Fingerdruck auf dem Bildschirm oder dem Trackpad, wodurch zusätzliche Funktionen hinzugefügt werden können. Entwickler können diese Technologie nutzen, um ihre nativen OS X- oder iOS-Anwendungen benutzerfreundlicher zu gestalten. PressureJS ist eine JavaScript-Bibliothek hakt sich in die Force Touch-APIs ein und ermöglicht es Ihnen, es auf Ihre Websites anzuwenden.

SplitJS

SplitJS ist eine leichtgewichtige JavaScript-Bibliothek, die es Ihnen ermöglicht Teilen Sie das Browserfenster-Ansichtsfenster in mehrere Abschnitte auf. Möglicherweise haben Sie es häufig in Code-Sharing-Webanwendungen wie CodePen.io, JSFiddle oder JSBin verwendet, bei denen die HTML-, CSS- und JS-Arbeitsbereiche in ihre eigenen Abschnitte unterteilt sind.

FlexibilitätJS

Flexbox vereinfacht das Anordnen von Weblayouts. Da dies in Internet Explorer 9 und 8 nicht funktioniert, müssen Webentwickler häufig auf das bekanntermaßen lästige Problem zurückgreifen schweben Eigentum. FlexibilitätJS ist hier also kannst du Verwenden Sie Flexbox, ohne diese alten Browser zurückzulassen.

LabellaJS

LabellaJS macht Erstellen einer beschrifteten Zeitleiste so viel einfacher Ihnen stehen eine Reihe von Optionen zur Verfügung, um die Position, Richtung, Breite, Höhe und den Layout-Algorithmus des Etiketts zu steuern. Es funktioniert mit AMD Loader wie RequireJS und kann gut zusammen mit Browserify und Node.js verwendet werden. Keine Abhängigkeit erforderlich.

Wee

Wee ist mehr als nur ein anderes CSS-Framework. Es enthält viele Komponenten, die beim Bauprozess helfen, einschließlich a eingebauter Server, Live-Nachladen, Sourcemap, Minification, Code-Validator, und statischer Standortgenerator. Es enthält auch eigene JavaScript-Bibliotheken mit Funktionen zur Verbesserung des Frontends Ihrer Website.

Grav

Grav ist eine Flat-File-basierte CMS ähnlich wie Jekyll, ein Generator für statische Sites. Es kann jedoch durch Themes und Plugins ähnlich wie WordPress erweitert werden. Sie können beispielsweise die Installation des Administratorfensters, der Kurzwahlen, der Kommentare, der Formulare und der Sitemap installieren. Es handelt sich insgesamt um ein hervorragendes CMS, das möglicherweise auch für ein etablierteres CMS ein guter Anwärter ist.

PatternPack

PatternPack ist ein Werkzeug, das es Ihnen ermöglicht Erstellen Sie ein System zum Erstellen Ihrer Website oder Anwendung und teilen Sie es auf mehrere Projekte gleichzeitig. Ein Standardsystem ist eine allgemeine Form von Best Practices: Es beschleunigt nicht nur Ihren Workflow, sondern macht das Projekt auch wartungsfreundlicher. Lesen Sie die Startanleitung, um zu erfahren, wie Sie das Tool verwenden.

OhCrash!

Das Debuggen in JavaScript kann sehr schwierig sein. Bei Ihren Benutzern treten möglicherweise Fehler auf, bei denen Sie wahrscheinlich nicht während der Entwicklung und Bereitstellung aufgetreten sind, da Sie bereits über das perfekte Setup verfügen. Das Schwierige dabei ist, dass der Fehler nur im Browser des Benutzers angemeldet wird. Mit OhCrash du kannst jetzt Legen Sie das Protokoll in Ihre Github-Repositorys, Sie sind also besser über den Fehler informiert.