de.hideout-lastation.com
Paradies Für Designer Und Entwickler


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 .

Entdecken Sie Design Freebies täglich mit dieser Chrome-Erweiterung

Entdecken Sie Design Freebies täglich mit dieser Chrome-Erweiterung

Designer veröffentlichen jeden Monat Tonnen von Werbegeschenken online, darunter Iconsets, UI-Kits, Mockups, Vektorgrafiken und vieles mehr.Piktab ist eine kostenlose Chrome-Erweiterung, die die neuesten Design-Freebies direkt in Ihrem Browser zeigt.Jedes Mal, wenn Sie einen neuen Tab öffnen, erhalten Sie einen Blick auf die heißesten Design-Freebies aus dem ganzen Web. D

(Tech- und Design-Tipps)

40 fantastische Zeichentrickfiguren-Design-Tutorials

40 fantastische Zeichentrickfiguren-Design-Tutorials

Zeichentrickfiguren und Maskottchen werden normalerweise verwendet, um eine Marke zu identifizieren . Es ist das perfekte Werkzeug, um eine Nachricht mit Ihrem Publikum zu teilen. Das Erstellen von Zeichen in verschiedenen Bearbeitungswerkzeugen wie Photoshop, Illustrator oder Corel DRAW macht ebenfalls viel Spaß und könnte eine gute Möglichkeit sein, sich mit einem Programm vertraut zu machen.Es

(Tech- und Design-Tipps)