Webcode

zepto.js ist eine sehr kleine Javascript Bibliothek, die Thomas Fuchs, der Autor von Scriptaculous im Oktober auf einem vienna.js meetup vorgestellt hat.

Das Ziel ist es eine möglichst kleine Bibliothek mit einer möglichst jQuery-kompatiblen API zu erstellen, die vor allem für mobile Endgeräte, also vorangig IPhone und Android, gedacht ist, aber auf allen Webkit-basierten Browsern läuft. Man kann die Applikationen also auch wunderbar via Chrome oder Safari testen.

Ein Beispiel gefällig?

<div style="width:100px;height:100px;border:1px solid black">HELLO WORLD</div>

<script src="js/zepto/zepto.js"></script>
<script src="js/zepto/fx.js"></script>

<script>
$('div').bind('click', function(){
  $('div').anim({ rotate: '720deg', opacity: .5 }, 2, 'ease-out');
});
</script>

Zum Downloaden auf der zepto.js github Seite.

Deutsche Version weiter unten!

Some weeks ago i did what i wanted to do since i first used Scriptaculous, the Prototype-based Javascript effect and controls library. 

I got the idea while i was watching the TV-series Numbers. So i wrote the Scriptaculous Effect.Numb3rs.

Check it out:projects.lemme.at/effect.numbers

If you like it or if you don't like it, if you have good advices or anything else to say, feel free to leave a comment on the bottom of this page...

 Vor ein paar Wochen hab ich endlich erledigt, was ich mir schon vorgenommen habe, seitdem ich das erste Mal mit Scriptaculous, einer auf Prototype basierenden Javascript -Bibliothek zu tun hatte (Siehe auch mein Scriptaculous Effekte Tutorial).

Die Idee habe ich vor allem von der TV-Serie Numbers. Also schrieb ich, inspiriert vom Vorspann, den Effect.Numb3rs.

Anzusehen, auszuprobieren und herunterzuladen ist der Javascript-Effekt unter: projects.lemme.at/effect.numbers

Wenn du Verbesserungsvorschläge, Ergänzungen oder sonstige Anmerkungen hast, poste sie einfach hier in den Kommentaren

Im Blog des Javascript-Frameworks Prototype gibts grad eine Serie interessanter Interviews mit Prototype und Scriptaculous Entwicklern. Einer dieser Interviewten ist Ryan Johnson.

Er hat LivePipe, eine kleine Sammlung an Widgets und Kontrollelementen geschrieben und unter der MIT-Lizenz als Open Source veröffentlicht. Die Sammlung enthält unter anderem:

• Tabs,
• Fenster und Tooltips,
• Fortschrittsbalken,
• Scrollbar und
•  Kontext-Menü

Alles in allem machen die Widgets einen sehr brauchbaren Eindruck. LivePipe bietet eine gute Ergänzung zu Prototype und Scriptaculous, die ja von sich aus kaum Widgets mitbringen.

Ich habe vor einiger Zeit ein Scriptaculous Tutorial geschrieben, dass sich eigentlich ziemlich ausführlich mit den Effekten beschäftigt.

Zwar  hat sich seit dem ein bisschen was verändert (Effect.Morph ist zu den Grundeffekten dazugekommen), aber im Großen und Ganzen ist das Tutorial denke ich noch ganz gut zu gebrauchen.

Hier seid ihr also herzlich dazu eingeladen, euer Feedback und eure Kommentare zum Tutorial hier zurücklassen.