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.

Neuer JavaScript WYSIWYG Editor Aloah

Donnerstag, 2. Dezember 2010

Bzw. so neu ist der ja gar nicht, das erste mal bin ich vor ca. nem halben Jahr drübergestolpert, aber da war er ja noch sehr alpha... Aber jetzt gibts immerhin schon Tabellen Support, das gabs damals noch nicht. Was ein bisschen schade ist, bzw. das feature, dass mir noch absolut fehlt ist eine plain HTML Ansicht. Vielleicht gibts da mal ein plugin oder so.

Auf jeden Fall ist der Aloah Editor (ein ursprünglich österreichisches Projekt übrigens, wie script.aculo.us) mal einen Blick wert und sicherlich ne gute und sehr hübsche und simple Alternative zu den etablierten Javascript WYSIWYG Editoren.

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

5 JavaScript WYSIWYG Editoren

Dienstag, 13. Oktober 2009

Antonio Lupetti stellt in einem seiner letzten Posts eine schöne Übersicht von 5 guten Rich Text Editoren vor, die in HTML-Seiten (z.B. textarea-Element) eingebunden werden können, darunter Altbekanntes und mir bis jetzt Unbekanntes auf der Liste:

Auf den ersten Blick gefällt mir der NicEditor sehr gut (wenn man die Funktionen des TinyMCE nicht benötigt), ich hab ihn mir aber noch nicht wirklich angesehen...

Google Maps API Error when using Wikipedia overlay

Mittwoch, 18. März 2009

Error "i[hb] is not a function"

In the current version of the Maps API you may have problems with the wikipedia or the Panoramio layer.

Load the previous version instead, which is according to this thread v2.149. Load it using

google.load("maps", "2.149");

or

<script src="http://www.google.com/maps?file=googleapi&v=2.149&key=YOUR_KEY" type="text/javascript">
</script>

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

Prototype und Scriptaculous Widgets

Freitag, 13. Juni 2008

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.

Scriptaculous Tutorial Feedback

Mittwoch, 7. Mai 2008

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.