LautundKlar

jQuery.popeye -
vergrößert Bilder ohne modales Fenster

jQuery.popeye ist ein Bildergalerie-Script basierend auf der JavaScript-Bibliothek jQuery. Hiermit kann platzsparend eine ganze Sammlung von Bildern angezeigt werden. Außerdem können Bilder vergrößert werden, ohne das Layout der Seite zu verlassen.

Es wurde als Alternative zu der oft gesehenen JavaScript Image Lightbox entworfen. Alle Lightbox Versionen benutzen jedoch ein modales Fenster um die großen Bilder anzuzeigen, sodass sie die Interaktion auf der Website stören. jQuery.popeye nimmt einen anderen Ansatz: Es erlaubt alle Thumbnails sowie die großen Bilder an einer festen Position zu durchsuchen und  ermöglicht so ein weniger störendes Benutzererlebnis als bei modalen Fenstern.

Demo: http://dev.herr-schuessler.de/jquery/popeye/demo.html

Popularity: 2% [?]

Cloud Zoom jQuery Plugin mit vielen Features

Cloud Zoom ist ein jQuery-Plugin und vergleichbar mit kommerziellen Image-Zoom Produkten wie Magic Zoom. Im Vergleich zu den populären jQ-Zoom Plugins ist Cloud Zoom jedoch kleiner, hat mehr Funktionen und zeichnet sich zudem durch eine gute Kompatibilität mit verschiedenen Browsern aus und wurde auf IE6 +, Firefox, Chrome, Opera sowie Safari getestet.

Man kann eine beliebige Farbüberlagerung für das kleine Bild hinzuzufügen. Die Intensität der Färbung ist auch anpassbar. Die  Zoom Position kann innerhalb des kleineren Bildes definiert werden. Zudem kann ein Weichzeichner-Effekt auf das kleine Bild angewand werden. Und das Beste zum Schluss: Cloud Zoom ist völlig kostenlos.

Website: http://www.professorcloud.com/mainsite/cloud-zoom.htm

Cloud Zoom Typo3 Extension

Es gibt außerdem eine schöne, einfach konfigurierbare Typo3 Extension von Juergen Furrer. Ein Demo gibt es hier: http://lautundklar.de/was-wir-tun/typo3-extensions/image-zoom/

Popularity: 2% [?]

Schneller zum CSS Layout mit dem Instant Blueprint CSS Framework

Instant Blueprint ermöglicht  das schnelle Erstellen von Webprojekten  in validem HTML / XHTML und CSS. Mit dem Online-Tool kann man die Reset-, Layout- und Print- Styles  generieren, eigene IDs und den gewünschten DOCTYPE definieren und auch gleich noch das gewünschte JavaScript Framework einbinden.

Nette Geschichte, die den Entwicklungsaufwand dautlich verringern kann.

Website: http://instantblueprint.com

Popularity: 1% [?]

0to255 hilft Webdesignern hellere & dunklere Farben zu finden

0to255 ist ein einfaches Tool, das Webdesignern hilf hellere und dunklere Farben basierend auf jeder beliebigen Farbe zu finden. Es macht Spaß, ist einfach und erspart viel Zeit.

Wähle einfach die Farbe, mit der du beginnen willst und 0to255 gibt dir eine Farbreihe angefangen von schwarz bis weiß mit einem Intervall das für Webdesign optimiert ist. Dann klickst du einfach auf die Variation, die du verwenden willst und der Hex-Code wird automatisch in die Zwischenablage kopiert.

Website: http://0to255.com/

Popularity: 1% [?]