Heiß aus der Presse: jQuery UI v1.5 mit „Themeroller“

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

jQuery UI Version 1.5 wurde gerade veröffentlicht und es wird eine große Sache sein. Für uns Designer und CSS-Coder, hier sind ein paar wichtige Highlights

  • Klassenübergänge (Morphing): $(“div”).addClass(“green”, “slow”). Anstatt also eine Klasse „sofort“ zu einem beliebigen Seitenelement hinzufügen zu können (was sofort alle CSS-Attribute dieser Klasse anwendet), können wir uns jetzt in diese Klasse „morphing“ (einblenden) lassen (was in die CSS-Attribute dieser Klasse animiert).
  • Einfachere Dateistruktur. Das bedeutet einfach, dass es einfacher wird, mit jQuery UI loszulegen, da es viel weniger Abhängigkeiten hat. Seit jQuery 1.2.6 ist die Dimensions-Funktionalität integriert, sodass man sie nicht mehr separat einbinden muss. Auch UI Core und UI Mouse sind nicht mehr erforderlich.
  • Eigenständige Effekte. Wenn Sie wegen script.aculo.us ein Prototype-Anhänger waren, halten Sie nicht länger zurück. Jeder bekannte Effekt von script.aculo.us ist jetzt enthalten (blind, bounce, drop, fold, slide, puff…), nur jetzt besser konfigurierbar. Es gibt auch einige neue, wirklich coole Effekte wie transfer, explode, clip und scale.
  • …und das ist noch nicht alles. Das ist nur die Spitze des Eisbergs. Durchsuchen Sie das saftige Changelog selbst.

 

Themeroller

Dies ist der aufregendste Teil für Leute, die neu bei jQuery und jQuery UI sind. Wahrscheinlich der häufigste Grund, warum Leute (insbesondere Designer) eine JavaScript-Bibliothek in die Hand nehmen, ist, dass sie Dinge wie Tab-Boxen, Akkordeons und Datums-Picker und kleine Dinge dieser Art integrieren können, ohne die ganze Arbeit zu leisten, die nötig ist, um so etwas von Grund auf neu zu schreiben.

jQuery hat es einfach gemacht, und jQuery UI hat es noch einfacher gemacht. Aber Sie mussten immer noch das gesamte Design und die Anpassung selbst über CSS vornehmen. Natürlich wollen wir diese Kontrolle haben, aber wäre es nicht schön, wenn wir es nicht von Grund auf neu machen müssten? Dort kommt Themeroller ins Spiel. Themeroller ist Teil der jQuery UI-Website, auf der Sie Ihr eigenes benutzerdefiniertes Thema für Ihre eigene Suite von Widgets entwerfen und erstellen können. Passen Sie einfach Farben, Schriftarten und Texturen nach Belieben an, und es erstellt Ihnen einen Download mit all diesen Widgets in Ihrem benutzerdefinierten Stil, bereit zum Einsatz. Einfacher geht es nicht!

 

Danksagungen und Credits

Ich möchte Rey Bango dafür danken, dass er mir einen ersten Einblick in all diese Dinge gewährt hat, während sie daran gearbeitet haben. Rey ist Teil des jQuery-Teams als Evangelist.

Ein besonderer Dank geht an die Filament Group, die den großartigen Themeroller entwickelt hat.

Ein besonderer Dank gilt auch den Mitarbeitern von Liferay, die unzählige Stunden in die Entwicklung der neuen UI-Website investiert haben und mit denen jQuery eng zusammengearbeitet hat, um jQuery UI für alle Arten von Unternehmenssituationen zu stabilisieren.