progtw-blog » Javascript

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.

Firebug

Thomas — Wed, 18 Jul 2007 08:10:28 +0000

Da ich erst in letzter Zeit meine Meinung über die Verwendung von Javascript etwas geändert hab (zuvor war ich gegen Javascript) , bin ich wohl erst jetzt auf die Firefox-Erweiterung namens “Firebug” gestoßen.

Firebug kann das, was die “Web-Developer-Toolbar” (auch ein Muss für Webworker) noch nicht kann: mit Javascript umgehen.

Download: hier

kleine Demos, was Firebug alles kann:

…

undundund… (die Webseite von Joe Hewitt)

Web Developer-Toolbar für Firefox

Thomas — Thu, 26 Apr 2007 12:31:59 +0000

Für Web-Entwickler fast schon unverzichtbarer Standard: Das Firefox-Plugin “Web Developer”.

Nach Installation dieses Plugins wird im Firefox eine Toolbar angezeigt, mit der sehr viele für einen Webworker nützliche Dinge möglich sind. So kann man z.B. Farben/Bilder oder Cookies managen, CSS und Formulare anzeigen, sämtliche Seiteninformationen abrufen, Größen ändern, Code validieren/bearbeiten und vieles mehr.

Ideal ist das Teil natürlich auch zum Lernen, bzw. um die Struktur und den Aufbau fremder Seiten zu inspizieren und somit Ideen zu sammeln.