Below are online training courses that I have written, designed and developed for a few online training publishers.
January 2013
PSD to HTML: The Missing Link of Web Design
HOW Design University
Ever wonder how you actually take a website design from a Photoshop file to HTML? In this course, Chris Converse will teach you how to turn a PSD file into a live HTML and CSS site. By building a website yourself, you’ll be better prepared to work with web developers in the future—and even be able to tackle your own projects! Plus, this course will show you the basics of responsive web design. With responsive web design your design will be able to shift and display properly on the myriad of devices people use to view the web. Note: You should have some experience with writing HTML and CSS before taking this course.
Watch video
December 2012
Edge Animate Essential Training
Lynda.com
Discover how to use the complete Edge Animate toolset to lay out and animate motion graphics for your website, mobile devices, digital magazine, iBooks, and more.
Watch video
December 2012
Create an Animated Star Field with Edge Animate
Lynda.com
Create a randomized animation with just a few lines of JavaScript and Edge Animate.
See a demo
October 2012
Create a Sliding Tabbed Panel with jQuery and Dreamweaver
Lynda.com
Build a dynamic sliding tabbed panel from scratch using a combination of HTML, CSS, jQuery, and the tools in Dreamweaver.
Watch videoSee a demo
October 2012
Create a Sliding Tabbed Panel with jQuery
Lynda.com
Build a dynamic sliding tabbed panel from scratch using a combination of HTML, CSS, and jQuery.
Watch videoSee a demo
November 2012
Creating a Responsive Web Design
Lynda.com
Make your website more readable and efficient to download with these unique responsive website techniques.
Watch videoSee a demo
August 2012
Create an Engaging Website with Twitter Bootstrap
Udemy.com
One of the 8 Best-Selling Design Courses of 2012 on Udemy.
This step-by-step approach will show you how to build a responsive, interactive, and visually engaging web page with simple and flexible HTML, CSS and JavaScript -- all built on the free, open-source framework called Twitter Bootstrap. Learn to take advantage of the many aspects of Twitter Bootsrtap, including creating your own layouts, customizing components, device-sensitive elements, auto-suggest form fields, and extend the icon sprite sheet to incorporate your own icons! This course includes HTML, CSS, JavaScript, and Photoshop templates that you can customize for use in your own projects.
Watch video
August 2012
Lynda.com
Shows how to convert text or graphics into a mouse-sensitive tooltip with HTML and jQuery.
See a demo
August 2012
Create a Tooltip with jQuery and Dreamweaver
Lynda.com
Shows how to convert text or graphics into a mouse-sensitive tooltip with jQuery and Dreamweaver.
See a demo
August 2012
Create Navigation Menus with jQuery and Dreamweaver
Lynda.com
Find out how to add stylized dropdown menus in Dreamweaver using HTML, CSS, JavaScript.
See a demo
August 2012
Create Navigation Menus with jQuery
Lynda.com
Find out how to add stylized dropdown menus to your web site using HTML, CSS, and JavaScript.
See a demo
June 2012
Add Your jQuery Project to a Digital Magazine
Lynda.com
Combines the use of Adobe InDesign and Digital Publishing Suite to add an interactive web experience to your digital magazine.
June 2012
Lynda.com
Discover how to create an app-like experience for iPad with HTML, CSS, and jQuery, while bypassing the need for Objective-C and the App Store.
Watch videoSee a demo
June 2012
Add a Video to an iBook for iPad
Lynda.com
Integrate video into an EPUB destined for the Apple iBookstore or a web site.
Watch videoSee a demo
May 2012
Add a Wraparound Effect for a Marquee with jQuery
Lynda.com
Add a wraparound effect to your homepage marquee with a concise bit of jQuery code.
Watch videoSee a demo
May 2012
Add a Wraparound Effect for a Marquee with jQuery and Dreamweaver
Lynda.com
Add a wraparound effect to your homepage marquee with Dreamweaver and a concise bit of jQuery code.
Watch videoSee a demo
May 2012
Create and Embed a Photo Gallery in a PDF
Lynda.com
Discover how to create and embed a photo gallery, portfolio, or product catalog into a single, interactive PDF file — with one line of code.
April 2012
Create an Expandable FAQ Listing with jQuery
Lynda.com
Shows how to create an FAQ section for a web site with questions that have expandable and collapsible answers, using an adaptable combination of HTML, CSS, JavaScript, and jQuery.
See a demo
April 2012
Create an Expandable FAQ Listing with jQuery and Dreamweaver
Lynda.com
Shows how to create an FAQ section for a web site with questions that have expandable and collapsible answers, using Dreamweaver and jQuery.
See a demo
March 2012
Learning to Create a jQuery Mobile Website
Infinite Skills
Take your skills to the next level. This Learning to Create a JQuery Mobile Website Tutorial Video is the ultimate in comprehensive instruction for the discerning professional.
Watch video
March 2012
Create an Interactive Homepage Marquee with jQuery
Lynda.com
Shows how to build a visually rich, interactive marquee with jQuery to aggregate and display content on a web site home page.
See a demo
Febraury 2012
Create a Rotating Carousel with jQuery
Lynda.com
Shows how to implement and customize an interactive rotating carousel animation with jQuery.
Watch videoSee a demo
Febraury 2012
Create a Rotating Carousel with jQuery and Dreamweaver
Lynda.com
Shows how to implement and customize an interactive rotating carousel animation with jQuery and Dreamweaver.
Watch videoSee a demo
December 2011
Create an Animated Bar Chart with jQuery
Lynda.com
Shows how to create a custom interactive bar chart or other visual graphic with jQuery.
Watch videoSee a demo
December 2011
Create an Animated Bar Chart with jQuery and Dreamweaver
Lynda.com
Shows how to create a custom interactive bar chart or other visual graphic with jQuery and Dreamweaver.
Watch videoSee a demo
October 2011
Create Animated Rollovers with jQuery
Lynda.com
Shows how to create animated rollover effects within an HTML document, working in a coding environment.
Watch videoSee a demo
October 2011
Create Animated Rollovers with jQuery and Dreamweaver
Lynda.com
Shows how to create animated rollover effects within an HTML document, working in Dreamweaver.
Watch videoSee a demo
September 2011
Creating Responsive Web Design
Udemy.com
Join over 3,200 creative professional takign this course! Learn to create a web design that automatically conforms itself to multiple screen sizes. This course will show you a step-by-step process for creating a design that rearranges content, resizes elements, and adapts itself based on the size of your visitor's screen size.
Watch video
September 2011
Create an Interactive Map with jQuery
Lynda.com
Design and create a rich interactive map for a web site, working in a coding environment and using the open-source scripting library jQuery.
Watch videoSee a demo
September 2011
Create an Interactive Map with jQuery and Dreamweaver
Lynda.com
http://www.lynda.com/jQuery-1-5-tutorials/jQuery-Projects-Creating-an-Interactive-Map/80444-2.html
Watch videoSee a demo
July 2011
Create an HTML5 Video Gallery with jQuery
Lynda.com
Shows how to develop an interactive video gallery for the web in a coding environment, using HTML5 with a Flash fallback, CSS, and the open-source JavaScript library jQuery.
Watch videoSee a demo
July 2011
Create an HTML5 Video Gallery with jQuery and Dreamweaver
Lynda.com
Shows how to develop an interactive video gallery for the web in Dreamweaver using HTML5 with a Flash fallback, CSS, and the open-source JavaScript library jQuery.
Watch videoSee a demo
June 2011
Set a Marquee to Autoplay with jQuery
Lynda.com
Enhances an interactive homepage marquee with an auto-play feature that automatically advances through the slide images.
See a demo
June 2011
Set a Marquee to Autoplay with jQuery and Dreamweaver
Lynda.com
Enhances an interactive homepage marquee with an auto-play feature that automatically advances through the slide images.
See a demo
May 2011
Create an Interactive Homepage Marquee with jQuery and Dreamweaver
Lynda.com
Shows how to build a visually rich, interactive marquee in order to aggregate and display content on a web site homepage.
See a demo
April 2011
Create an Interactive Photo Gallery with jQuery and Dreamweaver
Lynda.com
Shows how to develop an interactive photo gallery for a web site using HTML, CSS, and jQuery.
Watch videoSee a demo