progtw-blog » Javascript

das Web als riesige Datenbank durch YQL

Thomas — Sun, 11 Oct 2009 14:36:42 +0000

Angeregt durch Chris Heilmanns Vortrag “Barrierefreies Web durch freie Daten” (die Folien , oder als PDF) auf der “Best of Accessibility” habe ich mir YQL mal näher angeschaut. Ich kannte YQL vorher gar nicht.

Ganz grob umschrieben ist “YQL” eine Art Abfragesprache (…wie SQL) für Daten, die in Form von XML-Dateien im Netz verfügbar sind. Chris erklärt auch, wie man Daten von Websites “beziehen” kann, wenn diese Website gar keine API darür bietet.

Selfhtml jetzt auch mit jQuery-Browser

Thomas — Thu, 23 Apr 2009 16:01:02 +0000

Selfhtml ist neuerdings auch mit einer Art Browser zu lesen. Das Teil nennt sich Visual SELFHTML.

Macht sich eigentlich recht gut zum schnellen Suchen. Zumindest wenn man mal schnell nach einer speziellen Javascript-Funktion, Html-Tag, CSS-Syntax usw. sucht. Klar gibts da auch andere schöne Verzeichnisse, doch wer (wie ich) mit Selfhtml “aufgewachsen” ist, wird sich vielleicht über Visual SELFHTML freuen.

Technisch beruht Visual SELFHTML auf den jQuery API Browser und Visual jQuery (und natürlich auf selfhtml selbst ).

Man kann das auch nochmal besser im Blog von Selfhtml nachlesen.

Bilder langsam überblenden

Thomas — Sat, 07 Mar 2009 06:00:18 +0000

In seinem Artikel bei drweb zeigt Rene Schmidt, wie man zwei Bilder mit Hilfe von jQuery langsam überblenden lassen kann. Beispiel

Die Bilder werden zunächst per CSS übereinandergelegt und die Reihenfolge mit z-index festgelegt. Das obere ist zu Beginn transparent.

Die Überblendung wird mit der jQuery-Methode animate bewerkstelligt.

Noch eine Demo, in der die Funktion wunderbar dargestellt wird.

Das ganze funktioniert ohne Ruckeln und läuft sogar im IE.

Google Maps Tutorial

Thomas — Sat, 20 Dec 2008 09:53:30 +0000

Ich hab mal den Versuch gemacht, ein Tutorial zu schreiben. Hier ist das Ergebnis

Oder im Folgenden untergliedert in 5 Punkte:

Google Maps Grundlagen
Eine Karte von Google Maps generieren lassen und auf der eigenen Website einzubinden ist kinderleicht. Eine Google Maps nach eigenen Ansprüchen mit Hilfe der Google-Maps-API zu erstellen, ist jedoch weitaus eleganter und ermöglicht erst die Verwendung zusätzlicher Features.
Google Maps mit Sidebar
Auf kleinen Firmen-Websites macht es sich immer gut, seinen Firmen-Standort
mit Hilfe einer Landkarte abzubilden. Um Ihren Website-Besuchern eine schnelle,
unkomplizierte Methode anzubieten, verschiedene Anfahrtsstrecken zu generieren,
lesen Sie diesen Artikel.
Google Maps mit Straßenverbindungen
Wenn viele Marker auf einer Google Map abgebildet werden, findet sich der User
manchmal nur schwer zurecht. Eine Übersicht muss her. Wir zeigen ein Beispiel,
wie man die Marker in einer Sidebar einbinden kann.
Google Maps mit eigenem Infofenster
Beim Klick auf einen Marker einer jeden Google Map
erscheint immer ein von Google generiertes Infofenster
mit dem von Ihnen eingefügten Inhalt.
Bauen Sie doch einfach Ihr eigenes Infofenster!
Quellensammlung zu Google Maps
Nachdem an dieser Stelle schon einige grundlegende Techniken in Bezug auf Google Maps vorgestellt wurden, folgt hier eine dicke Portion Links und Quellen für alle, die sich eingehender mit der Materie beschäftigen möchten.