progtw-blog » eigene Website

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.

Tutorial – PDF-Dokumente mit PHP erzeugen

Thomas — Thu, 26 Feb 2009 19:29:45 +0000

Hab nochmal ein Tutorial zu schreiben probiert. Diesmal geht’s um die Erzeugung von PDF-Dokumenten.

Das soll alles dynamisch zur Laufzeit passieren, also sozusagen, Websitebesucher gibt irgendwas auf der Website ein, daraus wird eine PDF-Datei erzeugt.

zum Tutorial

YAML 3.1 ist freigegeben

Thomas — Tue, 20 Jan 2009 10:34:55 +0000

Taufrisch seit heut früh gibts die neue YAML 3.1-Version.

Ich bin gespannt. Wie Dirk Jesse schreibt gibts ne Menge Neuerungen.

Zwei neue Klassen für eine noch flexiblere Nutzung
Ein Kit zur Erstellung von Formularen
Weitere Vorlagen zur Gestaltung
Unterstützung für Microformate und RTL-Sprachen als Add-on’s

Der YAML-Builder wurde wohl ebenfalls schon auf diese Version angepasst.

Ab dieser Version gibts auch ein neues Blog zu YAML, diesmal in englisch (mal sehen, was nun aus dem High-Resolution-Blog wird).

Also: frohes Testen!

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.

Geo Tags – Nutzen für SEO?

Thomas — Wed, 10 Sep 2008 10:52:31 +0000

Ob Geo Tags einen Nutzen für die allgemeine Suchmaschinenoptimierung (SEO) bringen oder nicht, das wird wohl erst die Zukunft zeigen. Einen Nutzen für lokale Suchen bringt sie allemal. Geo Tags werden genau wie “ganz normale” Meta-Tags in den head-Bereich von Webseiten eingefügt. Sie enthalten räumliche Informationen über den Standort des Betreibers dieser Website, wie Land, Bundesland, Stadt usw.

Folgendes Beispiel (die letzten zwei Tags sind optional)

Die erste Zeile steht für Land und Bundesland, die zweite für die Stadt und die dritte enthält Breiten- und Längengrade. Die beiden letzten Geo Tags werden nur von einigen Diensten genutzt (historisch bedingt).

Man kann sich seine Geo Tags auch generieren lassen, beispielsweise hier oder hier.

Wer sicher gehen möchte, dass die eigenen Geo Tags auch okay sind, kann dies hier mit einem Validator überprüfen lassen.

Wenn man nun diese Geo Tags im head-Bereich seiner Webseiten eingefügt hat, dann sollte man auch noch diverse Dienste davon informieren, sich also dort eintragen. Welche dieser Dienste am Ende mal “das Rennen machen”, ist natürlich ungewiss. Derzeit kommt man am Besten, seine Website bei geourl.org , und wenn es sich um ein Blog handelt, bei feedmap.net einzutragen. Dort kann man sich dann nach der Anmeldung auch die Websites bzw. Blogs in seiner Umgebung anzeigen lassen. Wer es möchte, lässt sich dort auch gleich ein paar Zeilen Quellcode generieren, um einen Link zu den Diensten auf der eigenen Website einzubauen.

Tutorial für Webwork-Anfänger

Thomas — Wed, 16 Jan 2008 14:06:55 +0000

Eine auf die wichtigsten Dinge beschränkte und gerade deshalb so übersichtliche Einführung in XHTML, CSS und Webdesign, bietet Michael Jendryschik auf seiner Website bzw. mit seinem dazugehörigem Buch .

Anhand einer Beispiel-Website werden die wichtigsten technischen Grundlagen und Konzepte vorgestellt, um zugängliche und suchmaschinenfreundliche Webseiten zu erstellen.

Hilfsmittel, Links und ein Glossar runden die ganze Sache noch ab.

Wie ich finde, ein sehr gutes Tutorial für alle, die mit dem Erstellen von Webseiten beginnen, weil es eben nicht so “aufgebläht” ist, wie manche andere Quellen.

Auf seiner Webseite kann aber auch der erfahrenere Webworker noch viele interessante Dinge nachlesen, wie z.B. Weiterleitungen, Fehlerseiten, Farben, Usenet undundund.

Slideshow auf der eigenen Webseite

Thomas — Thu, 23 Nov 2006 07:54:26 +0000

Wer auf seiner Internetseite ganz einfach und schnell mal eine Slideshow/Diashow von eigenen Bildern einbauen möchte und nicht erst viel herumprogrammieren möchte, den dürfte folgender Link interessieren:

http://www.slide.com

Dort kann man nach einer kurzen Anmeldung seine Bilder vom heimischen PC auswählen und aus vielen Effekten eine Slideshow auswählen. Ist man damit fertig, kann man sich den dort generierten Quellcode in seine eigene Homepage übertragen — fertig!

Ein kleines Beispiel zum Ansehen einer fertigen Slideshow ist hier.

Google Maps auf der eigenen Webseite

Thomas — Wed, 25 Oct 2006 10:49:39 +0000

Endlich ist es nun auch gesetzlich möglich, Kartenmaterial (mit Google-Maps) auf der eigenen Webseite zu präsentieren.
Seitenbetreiber dürfen Google Maps sowohl auf privaten als auch auf gewerblichen Websites integrieren. Sind mehr als 500.000 Zugriffe vorauszusehen, sollte man im Vorfeld bei Google nachfragen. Google behält sich dabei das Recht vor, in Zukunft Werbung innerhalb der Google Maps zu platzieren.

So gehts:

1. Google-Account besorgen:

https://www.google.com/accounts/

2. Bei Google anmelden und einen “Google Maps API Key” zuschicken lassen: http://www.google.com/apis/maps/signup.html

3. Anleitung für das Einbinden auf der eigenen Webseite:

http://www.google.com/apis/maps/

Klick doch einfach mal auf “Map View”, um ein Beispiel anzusehen: