Guymon

Shutter Effect for Photos

Einen sehr schicken Foto Effekt demonstriert Martin Angelov .

In today’s tutorial, we will be using the HTML5 canvas element to create a simple photography portfolio, which displays a set of featured photos with a camera shutter effect. This functionality will come in the form of an easy to use jQuery plugin that you can easily incorporate into any website.

Sehr cooler Effekt.

daily links

• HTML5 Grayscale Image Hover
  Once upon a time, grayscale image has to be manually converted in order to be displayed on the web. Now with HTML5 canvas, images can be manipulated into grayscale without having to use image editing software. I’ve put together a demo to show you how to use HTML5 & jQuery to dynamically clone color images into grayscale
• Taxonomy Additions | drupal.org
  _Adds a delete link in the vocabulary terms list
  _Adds an option to not allow duplicate terms in a vocabulary
  _Views integration - provides a Views argument handler which adds the capabality of showing the results of related terms’ nodes (e.g. If you have a view list for the term "Drupal", and that term is related to "Drupal core", nodes that are tagged with "Drupal core" will also show up in that view)
• Fancy Insert | drupal.org
  This module allows users to easily insert images into node posts. When nodes contains a lot of images is very difficult to insert them into the node body.
  Fancy insert convert the imagefield widgets in a floating box and by clicking in one image the <img> tag is automatically inserted.
• Data Migration - part 2 | Gizra

Rotating Image Slideshow

Martin Angelov verwendet das jQuery Rotate Plugin für eine nette Rotating Image Slideshow.

Habe ich so noch nicht gesehen und sieht wirklich nett aus.

box-shadow: insert bei Bildern

box-shadow: inset ist bei Bildern etwas tricky:

Browsers allow box-shadow on elements, so why not just use an inset box-shadow on it.
Turns out, you can use inset box-shadows on images, it’s just the browser sets it behind the image, which mean if you use a fully opaque image (very likely if you are interested in vignetting it), you won’t see the shadow at all.

jQuery: Orbit Image Slider

Schicker jQuery Slider, der mit 2.8kb recht leichtgewichtig ist.

Most jQuery image sliders hover at around 8 kbs for minified versions, and around 15kbs or more for uncompressed development files, but what if there was a way to keep the simple fades, slides, and a couple other nifty bits, but strip the bloated and corny diagonal-cross fades or spiral dissolves. But wait! Oh snap, there is a way, and it’s called Orbit.

Orbit is a killer jQuery plugin that lets you create a simple, effective and beautiful slider for images of any size, and even includes some parameters for making awesome captions and a sweet timer.