Guymon

daily links

• Popout Details on Hover w/ CSS | HTML/CSS Tutorials
  Nice :hover effect wihich reveals more information.
• Inset Border Effect
  This plugin puts a border around the targeted elements (typically images), but unlike normal CSS borders it covers up part of the image. When the element is hovered over, the border animates to the sides, revealing the whole image.

jQuery: Cloud Zoom

Ich bin gerade sehr angetan von dem jQuery Plugin Cloud Zoom. Das Plugin ermöglicht einen Bilder-Zoom und das macht es sehr schick.

Features:

• Works with most browsers (tested on IE6+, Firefox, Chrome, Opera, Safari).
• Easy integration with basic valid HTML.
• Small 6Kb (minified) script.
• Smooth zoom movement.
• Gallery mode.
• Tint, soft focus and inner zoom features.
• Degrades gracefully with Javascript turned off.
• Fully accessible with no CSS or text only browsers.
• It’s completely free.

Es muss nicht immer JavaScript sein

Das man nicht immer JavaScript braucht um schöne Effekte zu realisieren zeigt Ryan Seddon.

In this tutorial, I will be going over creating flexible advanced hover techniques using CSS2.1 properties.

Bilder Zoom mit Canvas

Cool, leider etwas langsam mit Firefox, Wadda:

Wadda is the next generation image zooming technology utilizing Canvas technology to zoom into images. This allows user to have multiple levels of zoom without having multiple high definition images for each level of zoom.

jqFancyTransitions

Schicke Slideshows lassen sich mit jqFancyTransitions bauen:

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.