Darstellungswechsel mit JQUERY und CSS

Freitag, 13. März 2009

Display Switch

Ein interessanter Darstellungswechsel mittels weniger Zeilen JavaScript und CSS. Der Effekt wäre beispielsweise gut für eine Portfolio Seite geeignet.

Website: http://www.sohtanaka.com/web-design/examples/display-switch/

Popularity: 10% [?]

CSS Footer am unteren Browser Rand

Montag, 2. Februar 2009

CSS Footer positionieren

Das Problem tauchte schon häufiger auf: Bei eine Seite mit relativ wenig Inhalt floatet der Footer unmittelbar nach dem Ende des letzten Inhaltselements. Unterhalb des Footers erscheit dann die für den body definierte Hintergrundfarbe. Schön ist das meist nicht.

Hier ist nun die Lösung für dieses Problem: CSS Sticky Footer

CSS sticky Footer funktionier mit floatenden zweispaltigen Layouts und führt zu keinen Überlappungen beim verändern der Fenstergröße des Browsers. Außerdem wurde  der CSS-Code erfolgreich in allen gängigen Browsern getestet.

Popularity: 16% [?]

Neuer Ajax Preloader Generator auf preloaders.net

Montag, 2. Februar 2009

Generator für Ajax Preloader-Grafiken

Preloaders.net ist ein kostenloser, webbasierender Service zur Erstellung von Ajax Preloader Grafiken.
Preloader
Der Generator bietet eine breite Auswahl an Preloader-Grafiken. Neben den gängigen, weit verbreiteten Grafiken stehen noch folgende Kategorien zur Auswahl:

  • 3-dimensionale (3D) Preloader
  • Rechteckige Preloader
  • Runde Preloader
  • Horizontale Preloader

Man kann außerdem folgendes definieren:

  • Hintergrund-Farben (auch Transparenz wird unterstützt)
  • Vordergrundfarbe
  • Größen
  • Geschwindigkeit der Animation

Alles in allem ist Preloaders.net ein brauchbares Tool, das mehr Möglichkeiten bietet als der Generator auf www.ajaxload.info.

Popularity: 16% [?]

Shiftzoom: JavaScript Image Zoom

Donnerstag, 15. Januar 2009

JavaScript Image Zoom mit Zoom In und Zoom out

Shiftzoom

Mit shiftzoom.js kann man Bilder in Übergröße in kleineren Containern mittels Zoom-und Pan-Funktion skalieren und den Focus im vergrößerten Bild über eine Thumbnaildarstellung beliebig verschieben. Außerdem lässt sich der Image-Zoomer über die Tastatur steuern. Für nicht kommerziellen Einsatz darf das Scrip kostenlos verwendet werden.

Kompatibilität:  Mozilla Firefox 1.5 +, Opera 9 +, IE 6 + und Safari
Technik: CSS, unobtrusive JavaScript
Website: www.netzgesta.de/shiftzoom/

Popularity: 15% [?]

Seiten: Zurück 1 2 3 4 5 6 7 8 9 10 ...12 13 14 Weiter

blogCloud bloggerei.de supported by www.rankingcloud.de Gelistet im Blog Verzeichnis