J Query Image Sliders + Misc 

J Query Image Sliders + Misc

Some nice image slider J Queries, and other things–


Adding a Form to your Yahoo Website

If you have a yahoo website, here is a simple HTML script you can use to create simple forms.  You can edit the script to give your form the look and feel you want.


See example on: www.vcprojects.net/form.html


So a form talks to your server, and then the server sends an email to you.  Because of that, getting a form to actually work can be a little bit tricky; there are many things with your hosting company that you have to get right in order for a form to work.

You can do javascript forms, css3 forms, html5 forms, php forms, and other types of forms.  There are many scripts available on the internet.  The problem is getting those scripts to work with your server properly.

In our case, mostly our server is yahoo, and I got this script directly from yahoo.

You can find it, too, if you log into your account at smallbusiness.yahoo.com, go into email control panel, and make sure you have set up at least one email for your account.  So set up something like “info@mysite.com” or aisha@aishassite.com or whatever you like.  AFTER you have done that, test it, by sending an email to your new address, and check to see if it’s working.  NEXT, go back into the yahoo account, and do the following:

Screen Shot 2013-07-07 at 8.51.54 AM

go into web hosting control panel,


go into “Create and Update”,

Screen Shot 2013-07-07 at 8.57.25 AM

into “Other Site Building Tools”,

Screen Shot 2013-07-07 at 8.57.40 AM

go into “Add-Ons”,

Screen Shot 2013-07-07 at 8.57.54 AM

and then into “Email Forms”

Then you copy paste the script they generate for you, into a new html page on Dreamweaver, and give it a try.  Once it works, then you can begin customizing how your form looks and what info you are collecting.

Myfanwy Ashmore: Hacking a Mouse Workshop

Myfanwy Ashmore will be working with you on your small group projects in class, on Monday, March 11, and Wednesday, March 13, as well as being available outside of class for helping you complete your projects–

Previous Work Examples:




There are two softwares that can be used for the multimedia component of the projects. Processing which requires text coding and is more complex, and Scratch which is very easy to use. (Processing can be downloaded from processing.org and scratch is available at scratch.mit.edu) They both have advantages and disadvantages.



supplies list


This workshop is an intro to hardware modification but could be built upon further. The next logical progression would be a keyboard hack which would provide more inputs, or a game controller hack eventually moving into programming a micro-controller like an Arduino where the designer/maker would have significantly more control & available complexities.

I will prepare some sample code that could be used as is with little modification, and will walk them through it. We will likely start with Scratch, because it is very straightforward and if they are keen we could use Processing. Processing is very popular with media artists but it is something that can take quite some time to learn as it is basically programming in Java. They could start to familiarize themselves with Scratch and Processing if they have some free time. There are some built in examples & tutorials that will give them a sense of what these softwares can do.
The actual modification of the mouse is relatively straightforward. It requires us to take apart the mouse, de-solder the buttons and solder in some pin headers with very long wires attached. The long wires then end up being attached to some other conductive material of the students choice. An example might be – conductive fabric stitched into some soft sculpture. Could be anything conductive – two pop cans, a that you touch together, metal tabs mounted inside a doorway that are released when the door opens, a tilt switch which requires something to be tilted.



Bits and Pieces…a vertical scrollbar…and a hosting service

A fairly easy and straightforward copy paste job to get a vertical scrollbar going…


and as implemented on one of my own sites:


(along with http://www.vcprojects.net/tester.js)


www.zymic.com  This is a site a student just showed me, that I need to thoroughly check out.  Maybe good for next semester…

…ok, I checked it out.  Unfortunately, while being ad-free, it doesn’t support outside domain names, and tacks on info to existing domain name choices… Will continue to check out its other features…

HTML 5 and CSS3 Reference Books

I recommend the following reference books for Web Design I class:

  1. CSS3 Visual Quickstart Guide by Jason Cranford Teague, Peachpit Press, 2011.  The code from his book is downloadable at www.speaking-in-styles.com/css3vqs
  2. HTML5 and CSS3 in Simple Steps, by Josh Hill, Prentice Hall, 2012.
  3. Web Developer’s Cookbook, More Than 300 Ready-Made PHP, Javascript, and CSS Recipes, by Robin Nixon, McGrawHill, 2012.  The code from this book is downloadable at www.webdeveloperscookbook.com