progtw-blog » CSS

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.

Videos zum Vortrag “CSS-Layouts mit Yaml”

Thomas — Tue, 10 Feb 2009 11:36:54 +0000

Gerade auf youtube gefunden: Sieben Videos zu einem Vortrag von Jens Grochtdreis und Dirk Jesse zu “CSS-Layouts mit Yaml”: guckst du

Der Vortrag ist in 7 etwa zehnminütige Videos aufgeteilt. Ganz besonders interessant fand ich speziell Video 6 und 7, in denen der YAML-Builder vorgestellt wird.

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.