Isotope – Next Generation Website Layout dank jQuery

Das letzte Plugin für jQuery was mich nachhaltig beeindruckt hatte, war Masonry. Das kleine Tool macht gerade auf Community-Seiten oder in Drupal recht viel Sinn, wenn es darum geht, Blöcke verschiedener Größen sinnvoll anzuordnen. Was allerdings noch mehr Sinn macht ist Isotope. Nicht grad klein, aber fürs Design und die Usability wirklich ein riesen Schritt vorwärts (und ja, ich bin begeistert:)

Isotope Demo Screenshot

Die Animationen sind flüssig, sie reagieren auf ein Resize des Browsers und vor allem: können vom Benutzer on the Fly in Reihenfolge und Darstellung geändert werden. Hierzu müssen die Boxen zwar die entsprechenden Attribute aufweisen, aber das ist immer noch besser, als sich mit Sessions und geeigneten SQL-Abfragen den Tag zu vertreiben.

Die Möglichkeiten von Isotope sind geradezu unendlich und es macht vor allem bei der Visualisierung von Daten oder bei bereits oben genannten Community-Seiten Sinn. Für einen kommerziellen Einsatz muss das Plugin übrigens für 37$ käuflich erworben werden, was aber wohl zu verschmerzen ist.

Ich erspare mir weitere Ausführungen, einfach mal die Demo-Seite anschauen. Oder mal eine Zootool-Demo zu Gemüte führen.

Ähnliche Beiträge


HTML5 File Uploads
HTML5 besteht aus ein wenig mehr als dem Canvas-Element, und vor allem aus den neuen Formular-Elementen. Gleichwohl fängt man sich mit den neuen Eleme...


Modernizr – HTML5 und CSS3 mit Fallback
Manchmal ist der Teufel ein Eichhörnchen, und scheinbar hat er sich an einem langen Winterabend überlegt, der beste Weg die Menschheit zu quälen wären...


d3.js – Visualisierung von Daten mit Javascr...
Seit dem ganzen Hype um das Canvas-Element in HTML5 ist es scheinbar zu einem Volkssport geworden, Libraries für Javascript zu entwickeln, die entwede...


Einfaches Sortieren von Tables mit jQuery
Tabellen sind so etwas wie das persönliche Waterloo des Web-Entwicklers. Verpönt für das Design führt gerade im Backend in der Regel kein Weg an dem H...

Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.