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

Es ist Zeit für uns, eine weitere großartige Liste von Ressourcen für unsere Webentwickler zur Verfügung zu stellen. Letztes Mal hatten wir eine Reihe von Referenzen, Apps und ein paar JavaScript-Bibliotheken.

In Anbetracht der Tatsache, dass es eine Reihe von JavaScript-Bibliotheken gibt, die wir in dieser Serie noch nicht behandelt haben, werden in dieser Installation weitere jQuery-Plugins und einige Referenzen zur Verbesserung unserer Fähigkeiten als Webentwickler bereitgestellt. 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.

jQueryMy

jQueryMy ist ein jQuery-Plugin für die Verarbeitung von Daten in Echtzeit. Es ist kompatibel mit nativen Browsersteuerelementen oder Eingaben sowie einer UI-Bibliothek wie der jQuery-UI. Es ist mit Validierung, bedingter Formatierung und einem komplexen Management von Abhängigkeiten ausgestattet, was es zu einem großartigen macht - und doch leichter - Alternative zu einem MV * Framework wie Backbone.js, Ember.js und Vue.js

Kopf

Normalerweise die Kopf tag enthält die Titel tag, der Verknüpfung Tag, der auf ein Stylesheet zeigt, und Skript Tag zum Laden einer JavaScript-Datei. Dieses Repository zeigt das Es gibt noch viel mehr, die wir in die aufnehmen können Kopf Etikett. Die Liste enthält allgemeine Link- und Meta-Tags zu einer bestimmten Plattform.

SmoothState

Entwickeln eines glatter Seitenübergang könnte wirklich schmerzhaft sein. Die Browser-Unterstützung für die History-APIs, das Caching, das Vorladen und die Animation müssen berücksichtigt werden, um sicherzustellen, dass sie reibungslos und schnell funktioniert. SmoothState All dies in einem Paket, so dass wir die Erfahrung in kürzerer Zeit in Betrieb nehmen können.

SketchRunner

Kurz gesagt, SketchRunner ähnelt dem OS X Spotlight, Alfred oder der SublimeText Command Palette. Es ist eine Sketch-Erweiterung gibt eine einfache Suchoberfläche um verschiedene Aufgaben auszuführen, die normalerweise im App-Menü erledigt werden. Es wird rationalisiert, um Sie produktiver zu machen.

Wartungsfähige CSS

Wartungsfähige CSS ist eine Online-Buch mit langjähriger Erfahrung, verfeinerte Techniken stellare CSS zu erstellen, die über Generationen hinweg aufrechterhalten werden kann.

Flexbox-Muster

Dies ist eine Sammlung von Snippets und Drop-In-HTML und CSS zum Erstellen der Schnittstelle, B. Kopfzeile, Fußzeile, Menünavigation mithilfe der CSS Flexbox. Wenn Sie die Verwendung von Flexbox schwer zu verstehen finden, ist dies eine großartige Inspirationsquelle, um Flexbox endlich zu erlernen.

Lava Lampe

Infinite Scroll ist eine beliebte Schnittstelle im Web, wo es möglich ist holt neuen Inhalt, wenn wir die Seite unten erreichen. Lavalamp ist eine JavaScript-Bibliothek, die als Nachfolger von Infinite Scroll bezeichnet wird. Schauen Sie sich die Demo an.

Glio

Ein JavaScript das erkennt den Mauszeiger wann ist es den Viewport verlassen was wahrscheinlich darauf hindeutet, dass der Benutzer beendet wird. Wenn dies der Fall ist, können Sie es verwenden eine Funktion auslösen, um ein Abonnement-Formular anzuzeigen oder ein einfache Popup-Nachricht um Ihre Conversion-Rate zu erhöhen.

Coleure

Ein weiterer Farbauswahl mit einer coolen Benutzeroberfläche. Sie können Farben per Drag & Drop verschieben, um Ihre eigene Farbpalette zu erstellen. Dies macht das Erstellen eines Farbschemas visueller und organisierter. Registrieren Sie sich, um ein Konto zu erstellen, um Ihre Sammlungen zu speichern.

CSSX

CSSX ist ein Werkzeug dafür ermöglicht das Schreiben von CSS in JavaScript. Nichts wird geändert; Es ist dieselbe native CSS-Syntax, die in eine JavaScript-Funktion eingeschlossen ist. Ich habe ehrlich gesagt noch nicht herausgefunden, wie ich CSSX in meinen Projekten einsetzen könnte, aber es sieht cool aus und ist definitiv erwähnenswert.