UmbrellaJS ist Ihre Alternative zu jQuery

Die Open-Source- jQuery-Bibliothek hat die Webentwicklung seit Jahren dominiert. Es ist immer noch eine der vertrauenswürdigsten Ressourcen für JavaScript, aber es gibt eine neue Bibliothek namens UmbrellaJS in der Stadt .

Umbrella ist ebenfalls vollständig Open Source und bietet viele der gleichen Funktionen wie Elementselektoren, DOM-Manipulation und AJAX-Anfragen.

Umbrella JS funktioniert fast genau wie jQuery, außer mit verschiedenen Syntax- und Funktionsaufrufen . Also, wenn Umbrella so nah an jQuery ist, welchen Nutzen hat es?

Nun, Umbrella soll eine viel kleinere Bibliothek sein als jQuery und nur für DOM-Manipulation . Und ehrlich gesagt ist diese Bibliothek im Vergleich zu jQuery sehr kompakt .

Die vollständige Umbrella.js-Bibliothek ist ungefähr 4 KB nicht minimiert . jQuerys neueste Version umfasst mehr als 250KB ! Wenn Sie also nach einer vereinfachten Version von jQuery suchen, ist Umbrella schneller zu laden und genauso einfach zu verwenden .

Die Online-Dokumentation bietet eine Liste aller Funktionen und Parameter, die Sie an diese Funktionen übergeben können. Es ist die komplette Anleitung zu Umbrella und wird ständig aktualisiert .

Zum Glück werden viele ähnliche jQuery-Funktionen durch Umbrella nachgeahmt, so dass die Syntax sehr leicht zu lesen ist . Zum Beispiel ist die on() -Methode die gleiche und Sie können alle die gleichen Event-Listener wie click oder hover .

Der größte Unterschied besteht darin, dass Umbrella-Selektoren die u() Methode anstelle von jQuerys gewöhnlichem $() . Hier ist ein Codebeispiel, das eine Warnmeldung auslöst, wenn jemand mit der Klasse .button eine Schaltfläche .button .

 u ("button"). on ('click', function () {alarm ("Hallo Welt");}); 

Es ist ein einfaches Beispiel, aber es illustriert perfekt den Wert von Umbrella.

Um eine Live-Demo zu sehen, schauen Sie sich diesen Stift an, der eine Auswahl an Beispiel-Eingabefeldern bietet. Der gesamte Ausgabecode wird direkt auf dem Bildschirm angezeigt . Sie können auch den Umbrella JS-Quellcode studieren, um zu sehen, wie er funktioniert.

Um mehr über Umbrella zu erfahren, schauen Sie sich die offizielle Website an oder schauen Sie sich den Quellcode live im GitHub Repo an .

Erstellen Sie eine automatisch ausgeblendete Sticky-Kopfzeile mit Headroom.js

Automatisch verborgene Header sind im Webdesign schon seit einiger Zeit sehr beliebt. Viele Blogs und Online-Magazine verwenden den Sticky-Header, um die Nutzer in Kontakt zu halten und ihnen direkten Zugriff auf die Navigation zu geben .Medium hat diese Funktion mit einem Grundkonzept neu definiert, das die Navigation beim Scrollen nach unten, aber beim Scrollen nach oben ausblendet

(Tech- und Design-Tipps)

20 Muster Tutorials für Ihre Zukunft Designs

Verschiedene Grafik- und Webdesign-Projekte erfordern unterschiedliche Design-Elemente und Muster sind nur eine davon. Sie können je nach Bedarf als Hintergrund oder Vordergrund in verschiedenen Situationen verwendet werden. Sie können sogar ein Muster verwenden, das Sie selbst erstellt haben, um Ihrer Arbeit eine persönliche Note zu verleihen.He

(Tech- und Design-Tipps)