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

2015 war ein großartiges Jahr für das Web: Webtechnologien waren es in vielen Formfaktoren über den Aufbau einer Website oder einer Webanwendung hinaus übernommen. Viele mobile und Desktop-Anwendungen werden jetzt mit HTML, CSS und JavaScript erstellt. Möglich wird dies durch die Portabilität von Web-Technologien und -Bibliotheken wie React.js, Angular und Node.js.

In der heutigen Ausgabe dieser Serie haben wir eine Handvoll JavaScript- und CSS-Bibliotheken zusammengestellt.

Klicken Sie hier für weitere Ressourcen

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

Flacher Schieberegler

Die jQuery-Benutzeroberfläche enthält eine Sammlung allgemeiner Weboberflächen, einschließlich eines Sliders - einer Benutzeroberfläche, über die der Benutzer einen Bereich numerischer Werte auswählen kann. Das Flacher Schieberegler ist ein Web-Tool, das das Anpassen des jQUery-UI-Stils, der einst eine sehr schwierige Aufgabe war, erheblich vereinfacht.

Dienstprogramm offener Typ

Dienstprogramm offener Typ ist eine Sammlung von Drop-In-Klassen für Anwenden erweiterter typografischer CSS-Funktionen solche Schriftligaturen, kleine Großbuchstaben und vieles mehr. Sie bieten im Wesentlichen das bestmögliche Leseerlebnis für Ihre Benutzer in allen Einzelheiten. In älteren, nicht unterstützten Browsern wird es gut abgebaut.

ResponsifyJS

Eine der notorischen Einschränkungen, auf die reagierende Bilder reagieren, ist, dass das Bild normalerweise richtig skaliert wird. Dadurch wird der Hauptschwerpunkt des Bildes umgeleitet, wenn es auf eine sehr kleine Ansichtsfenstergröße verkleinert wird.

ResponsifyJS ist eine einfache JavaScript-Bibliothek, die Sie verwenden können Koordinaten einstellen, um den Bildfokus zu erhalten während es wird die Größe neu bestimmt.

Linear

Linear ist eine Lineal-App für Mac. Mit dem Lineal können Sie Webseiten messen, die Größe eines Elements ermitteln, ohne die DevTools öffnen zu müssen, oder herausfinden, ob ein Element perfekt zentriert ist. Sie können mehrere Lineale verwenden und das Gerät von PX auf EM umstellen.

StickyStack

StickyStack ist ein jQuery-Plugin, um ein Stack-Scrolling-Erlebnis zu erstellen. Wenn ein Bedienfeld den oberen Rand des Ansichtsfensters erreicht, bleibt es dort stehen, während beim nächsten Bildlauf das nächste Bedienfeld angezeigt wird. Es ist ein leichtes Plugin mit einigen Optionen zum Konfigurieren des Seitencontainers, des Stapelabschnitts sowie des Box-Shadows der Stapel. Schauen Sie sich die Demo an.

Zuschauer

Zuschauer ist jQuery-Plugin für die Bild-Lightbox - eine beliebte beliebte Methode, um Bilder im Web zu vergrößern. Das Plugin verfügt über überwältigende Optionen, die es Ihnen ermöglichen anpassen jedes stück der Leuchtkasten Schnittstelle.

Das Plugin bietet auch eine Reihe von APIs und benutzerdefinierten Ereignissen für die vollständige Kontrolle über die Leuchtkasten Antwort und Verhalten. Darüber hinaus funktioniert es bis Internet Explorer 8.

DeviceMock

DeviceMock ist eine JavaScript-Bibliothek, die es Ihnen ermöglicht Erstellen Sie Geräterahmen oder -modelle wie ein Telefon, ein Tablet und ein Desktop. Ebenso bietet die Bibliothek Optionen zum Einstellen der Designfarbe des Rahmens, der Größe sowie der Ausrichtung des Rahmens.

Es kann eine gute Alternative sein, Ihr Web und Ihre Anwendung anstelle von Photoshop zu präsentieren.

Clrs

Clrs ist eine Initiative zu Definieren Sie die Standard-Webfarben in einem augenfreundlicheren, modernen Farbton. Darüber hinaus empfiehlt es eine Reihe von Farbkombinationen für eine bessere Zugänglichkeit. Sie können diese Farben über NPM-, Gem- (Ruby) - und Photoshop- und Illustrator-Farbfelder bereitstellen.

Einfärben

Einfärben ist eine superleichte JavaScript-Bibliothek (3kb minified) dominante Farben extrahieren von einem Bild mit Viele APIs zum Manipulieren der Farben. Sie können die extrahierte Farbe als Platzhalter verwenden, während Sie darauf warten, dass das Bild vollständig geladen wird, einen Hintergrund mit Farbverlauf erzeugen oder die benachbarte Schnittstelle an die Bildfarbe anpassen.

BookBlock

BookBlock ist jQuery-Plugin für Erstellen Sie eine Broschüre mit dem Page-Flip-Effekt. Es ist eine schöne Alternative, um mehrere Bilder auf Ihrer Website anzuzeigen, insbesondere wenn Sie eine Sequenz oder einen Fluss präsentieren, die Sie präsentieren möchten.

Sie können sich die Demo hier ansehen, um einen Eindruck davon zu bekommen, wie BookBlock funktioniert.