Guymon

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

Quadratic and Bezier Curves

Jim Hoskins erklärt wie Quadratic and Bezier Curves.

In this video we create our own quadratic and bezier curves using the canvas. We look at how the curves are defined, and how to choose your control points.

Canvas Image Effects

Marco Lisci erklärt wie man mittels Canvas einen Schwarz / Weiss Effekt für Bilder erstellt.

With canvas you can perform operations on pixel based artworks. You can write a new image pixel by pixel or import an image in the canvas and modify it as you need.

In this article we’ll show you some fundamentals of pixel manipulation in the canvas, and how to use this knowledge to obtain interesting effects. Let’s start from the beginning.

HTML5 Video And Canvas

Sean Christmann hat mit dem HTML5 Video Element und Canvas herumgespielt.

The api lets you take the contents of specific HTML elements and draw them into a canvas, and the 3rd element in that list is just begging to be abused. Copying video into a canvas element means opening up the ability to manipulate or process video frames at runtime. Two concepts instantly came to mind that seemed like fun to try and figure out, here they are below. Blowing apart fragments of video and 3D Video

Canvas/jQuery: Bar Graphing Plugin

Ein sehr ausführliches Tutorial in zwei Teilen über Canvas und jQuery Plugin Entwicklung.

In this two-part series, we’ll combine the versatile canvas element with the robust jQuery library to create a bar graphing plugin. In this second part, we are going to convert it in to a jQuery plugin, and then add some eye candy and additional features.