Making a page with Views
Submitted by Bob Hay on Sat, 06/05/2010 - 20:43
Now that I've got Views giving me a list of links to Magnifier nodes that I've put into a Block on the home page, I think I want to have Views make a page as well. The Block just lists the Titles but the page can be richer... a thunbnail of the image, the title, and a teaser, as shown in the screenshot.
Using Views to list Magnifier nodes
Submitted by Bob Hay on Fri, 06/04/2010 - 22:24
Now that I've got my Image Magnifier content type I want to make a list with links to the images I upload to it.
Moving Photo Magnifier into Drupal
Submitted by Bob Hay on Mon, 05/31/2010 - 13:18A while back I made a demo of an image magnifier on a stand-alone web page. Now I'm going to implement the same functionality in a Drupal page. All Drupal needs to provide is a simple content type with a title, image, and description. The rest will be done by jquery.
Jquery animation 2 - zooming
Submitted by Bob Hay on Fri, 05/28/2010 - 17:54Another demonstration of jquery-powered animation. This one is zooming. In our first example, panning, the jquery animate method only changed one property of our image. In this one we will see how to change the values of several properties at once.
For this demo I am using an 1862 photo (fron the Library of Congress) of a view of Richmond, Virginia.
Jquery animation 1 - panning
Submitted by Bob Hay on Thu, 05/27/2010 - 12:07Here is a simple demonstration of jquery-powered animation. We'll start with the simplest type of animation - panning.
This technique was the workhorse of Ken Burns' documentaries of the Civil War, and for my demo I am using an 1864 photo (fron the Library of Congress) of sailors on the deck of the gunship U.S. Mendota.
Touchscreens and Hover
Submitted by Bob Hay on Sun, 05/23/2010 - 13:14One issue I haven't seen discussed much is the impact of touchscreens on how we design web pages. The most obvious issue is that for an iPad or iPhone user there is no such thing as "hover" or "mouseover" - in software-speak, touchscreens do not support mouseover.
Photo Tagging with CSS
Submitted by Bob Hay on Sat, 05/22/2010 - 16:06Here's a little demonstration of photo tagging ala facebook, flickr, etc. done with just CSS. When you hover over a person in the photo, a red outline appears around the person and a grey box pops up displaying information about him.
Drupal in-page jquery demo
Submitted by Bob Hay on Thu, 05/20/2010 - 13:25This page is an experiment in embedding code in a single Drupal page. Usually, in Drupal you would put jquery code in a script file in the theme folder and declare it in the theme's .info file, but using this in-page method will allow for quick-and-dirty demo pages like this one.
Simple Tabs and Ajax with Jquery
Submitted by Bob Hay on Sat, 05/15/2010 - 18:57
Here is a pretty basic Web page - some tabs and a content area. When the user clicks a tab, some content loads into the content area. This works in two ways - regular old-fashioned links and new-fangled ajax powered by jquery. If your site visitor has javascript disabled, the links load a new page. If javascript is enables then the ajax kicks in.
Using AdSense in Drupal
Submitted by Bob Hay on Fri, 05/14/2010 - 13:54One thing many will want to do is add a block of Google AdSense ads to their Drupal sites. There are some modules available at drupal.org that will do it, but it's actually fairly simple to do without using any contributed modules.
