web/code - JavaScript

5 JavaScript WYSIWYG Editoren

nospam@example.com (Thomas Lemmé) — Tue, 13 Oct 2009 10:16:23 +0200

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 V3

nospam@example.com (Thomas Lemmé) — Wed, 10 Jun 2009 07:31:23 +0200

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

Google Maps API Error when using Wikipedia overlay

nospam@example.com (Thomas Lemmé) — Wed, 18 Mar 2009 11:33:19 +0100

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

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

Scriptaculous Effect.numb3rs

nospam@example.com (Thomas Lemmé) — Fri, 19 Sep 2008 00:47:15 +0200

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

Prototype und Scriptaculous Widgets

nospam@example.com (Thomas Lemmé) — Fri, 13 Jun 2008 14:53:14 +0200

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

nospam@example.com (Thomas Lemmé) — Wed, 07 May 2008 22:52:38 +0200

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.