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

Diese Tranche bietet wieder eine Vielzahl von Ressourcen. Wir haben Quellen, mit denen Sie Ihr nächstes Zielseiten-Design inspirieren können, zwei Möglichkeiten, mit denen Codierer die Auswirkungen eines grellen Bildschirms abschwächen können, ein Plugin zum Erstellen von Web-Layouts mit Drag & Drop, ein jQuery-Plugin zum Beschleunigen der Datumsauswahl und eine Menge JavaScript Bibliotheken, um Entwicklern zu helfen.

Ebenfalls enthalten sind Ressourcen zu HTTP2, typografische Terminologien, das Erstellen barrierefreier Websites und eine Suchmaschine für die Syntax von Programmiersprachen. 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.

Landing Folio

Landing Folio ist ein zentraler Ort, an dem Sie Beispiele für Landing-Page-Designs finden. Es gibt Hunderte von Beispielen auf der Website, und Sie können die Liste anhand ihrer Kategorie optimieren. Dies ist definitiv ein Lesezeichen für Webdesigner.

Elementabfragen

Ein JavaScript, das Sie ausführen können Elementabfrage. Die Elementabfrage wird mit bezeichnet @Element und anders als, @Medien, @Element ist sich zahlreicher Bedingungen bewusst “Höhe” und “Breite”. Sie können beispielsweise Stile basierend auf den im Element enthaltenen Ziffern anwenden.

HTTP2

HTTP2 ist die neueste Spezifikation von HTTP mit wesentlichen Änderungen. Es verspricht eine bessere Leistung und eine effiziente Datenübertragung. In dieser Ressource können Sie diese Änderungen (im Detail) sowie deren Auswirkungen auf Sicherheit, Geschwindigkeit und Benutzererfahrung finden.

Elementor

Elementor ist ein WordPress-Plugin, mit dem Sie Weblayouts mit Drag-and-Drop erstellen können. Mit Elementor können Sie ein ansprechenderes Layout erstellen. Es ist ansprechend, vollständig anpassbar und benutzerfreundlich.

TimeDropper

Dieses Plugin ist mit einigen Animationen ausgestattet, die die Auswahl von Datumsangaben im Web interessanter machen. Darüber hinaus stehen Optionen zur Verfügung, um das Erscheinungsbild der Benutzeroberfläche zu ändern. Es ist ein jQuery-Plugin für schickere Date-Picker.

SyntaxDB

Eine Suchmaschine zum Suchen nach Programmiersprachen-Syntax. Derzeit werden verschiedene Sprachen unterstützt, darunter Java, C, Ruby, JavaScript und Python. Dies könnte die ultimative Suchmaschine für Entwickler sein, wenn die Datenbank- und Sprachunterstützung wächst.

Github Dark UI

Github Dark UI ist ein dunkleres Farbschema für Github.com. Dies kann ein gutes alternatives Farbschema sein, wenn Sie in abgedunkelten Umgebungen arbeiten oder längere Zeit auf den Bildschirm schauen müssen.

Ultraleichtflugzeug

Anstatt den Code mit anderen Farben hervorzuheben, wie Sie unten sehen können, erstellt Microlight den Code “glühen”. Eine JavaScript-Bibliothek, die Code hervorhebt - wörtlich.

BarbaJS

BarbaJS ist eine JavaScript-Bibliothek, die einen reibungslosen Seitenübergang mithilfe der JavaScript-Verlaufs-API / pushState ermöglicht. Dieses Plugin enthält Methoden, benutzerdefinierte Ereignisse und eine Handvoll APIs, um die Seiten Ihrer Website reibungsloser zu gestalten. Hier sind einige Beispiele.

TypeTerms

Ich frage mich immer, was den Unterschied zwischen “Buchstaben-Abstand” und “Kerning” ist? TypeTerms ist eine interaktive Präsentation, in der Sie diese verwirrenden typografischen Terminologien erlernen können.

Butterbohne

Butterbohne ist ein neues und ausgereiftes Plugin zum Erstellen von Meta Box in WordPress. Es wurde nach der modernen WordPress Customizer API-Architektur entwickelt. Dadurch wird das Erstellen dieser speziellen Benutzeroberfläche für die WordPress-Verwaltung eleganter.

Child Theme Check

Ein WordPress-Plugin, um Ihr untergeordnetes Thema mit dem übergeordneten Thema zu vergleichen. Es wird geprüft, ob die Dateien, auf denen das untergeordnete Design basiert, aktualisiert werden.

CloudFlare-Benutzeroberfläche

CloudFlare-Benutzeroberfläche ist eine Sammlung von UI-Komponenten, die auf React aufgebaut ist. In Anbetracht der zunehmenden Beliebtheit von React gibt es möglicherweise eine Reihe ähnlicher UI-Frameworks.

Lerna

Mehrere Pakete und Repositorys in einem großen Projekt verwalten zu müssen, ist unvermeidlich. Mit diesem Tool können Sie mit dieser speziellen Situation umgehen und schließlich Ihren Workflow optimieren.

Beruhige dich

Beruhige dich ist eine JavaScript-Bibliothek, um die CPU-Auslastung zu reduzieren. Es bietet eine Reihe von Funktionen, die anstelle von JavaScript-Funktionen verwendet werden können. Es kann auf einer normalen Website oder in keiner Node.js-basierten Anwendung bereitgestellt werden.

GEL-Typografie

GEL-Typografie ist der typografische Stilführer von BBC. Eine großartige Quelle und Inspiration, wie Sie Ihre typografischen Stile standardisieren können.

MIND Patterns

MIND Patterns ist eine praktische Anleitung zum Erstellen einer barrierefreien E-Commerce-Website. Es enthält Anleitungen zum Erstellen von HTML, zum Verwenden des ARIA-Labels und zum Erstellen von CSS-Stilen, die für Benutzer mit Behinderungen benutzerfreundlich sind.

CSS-Spezifität

Eine Sammlung von Illustrationen, die die Funktionsweise der CSS-Spezifität beschreiben.

CSS Dig

Eine Chrome-Erweiterung, mit der Sie CSS optimieren können. Es wird Ihre Seite ausrangieren und mit dem Bericht die Liste der verwendeten Eigenschaften wie Farben bereitstellen.

Vorlagenvorrat

Eine Sammlung von handverlesenen Vorlagen, in denen Sie eine Vielzahl von Vorlagen finden können, einschließlich HTML5-, WordPress-, Ghost-, Bootstrap- und E-Commerce-Vorlagen.