zepto.js - eine kleine Javascript Bibliothek für mobile Browser

Freitag, 3. Dezember 2010

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.

Alloy UI Javascript User Interface Library

Mittwoch, 1. Dezember 2010

Heute bin ich via den YUI Blog auf eine neue(?) sehr interessante JavaScript Library gestossen, die sich da Alloy UI nennt. Die Library basiert auf YUI und wurde von Liferay für deren Software Liferay Portal entwickelt und wurde unter der BSD Lizenz freigegeben.

Auf der Homepage gibt es diverse Demos  der vielen Komponenten. Gallery, TreeView, Calendar, Color Picker, Charts und Tooltips um nur einige zu nennen.

Ist doch schön, wenn von Firmen etwas an die Community zurück kommt...

Google Maps API V3

Mittwoch, 10. Juni 2009

Google hat vor Kurzem einen ersten Ausblick auf die Version 3 der Maps API veröffentlicht. Neue Features sind mir beim ersten Blick nicht aufgefallen, dafür aber zwei Änderungen der Naming Konventionen:

google.maps.* Namespace

Die erste wichtige Änderung ist das Wegfallen des G-Präfix. So wird aus einem GMarker ein Marker, aus GLatLng wird LatLng und so weiter... Das heißt, eigentlich stimmt das so nicht. Denn die Maps API ist nun ganz in den Namespace der Google Ajax APIs integriert und damit wird aus GMarker ein google.maps.Marker, aus GLatLng wird google.maps.LatLng usw.

Eine Inkonsistenz, die mir beim ersten Drüberlesen aufgefallen ist, ist dass aus dem guten alten GEvent nicht etwa google.maps.Event geworden ist, sondern google.maps.event (kleingeschrieben!).

Underscore statt Camel Case

Das zweite, was mir beim Blick auf die API Referenz auffällt ist, dass Methoden nicht mehr in Camel Case, sondern mit Unterstrichen geschrieben werden. Und das nicht mal konsistent. So existieren für das Map Objekt etwa die Methoden setOptions() und set_center(). Das ist meiner Meinung nach nicht nur unnötig, verwirrend und auch seltsam, sondern auch deswegen blöd, weil immer ein Zeichen mehr getippt werden muss und diese Art der Schreibweise in Javascript Libraries eigentlich überhaupt nicht state of the Art ist.

Wenn man einen Blick in die Referenz wagt wird man sehen, dass irgendwie noch zu wenig da ist (bzw. zu wenig dokumentiert ist) um sich ernsthaft mit der V3 zu beschäftigen. Aber bin mal gespannt ob die neue Version auch neue Features wie z.B. Reverse Geocoding ohne Workarounds...

Die Programmierer-Hierarchie

Dienstag, 4. November 2008

Eine Hierarchie, wie sich Programmierer bestimmter Sprachen selbst sehen, also wer sich wem überlegen fühlt.

Bemerkenswert der Kommentar zu Ruby (frei übersetzt):

Ruby Programmierer fühlen sich jedem überlegen, aber sie wissen nicht dass es auch Nicht-Web-Programmiersprachen gibt, darum sind sie in der Grafik über Perl.

Hm, hat was wahres...

Via informatik-forum.at.

Scriptaculous Effect.numb3rs

Freitag, 19. September 2008

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...

Effec.Numb3rs example
 

 

 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 ;-)