Tom Green
Tom is a professor of Interactive Multimedia through the Humber Institute of Technology and Advanced Learning’s School of Media Studies. Like all faculty in the program, Tom believes his students deserve to be taught by instructors who are regarded as experts in their field and whose knowledge of their subject is current with industry best practice.
  • Web Design

    Understanding Video on the Web

    2.7 hours
  • Web Design
    Your Workflow, With Adobe Edge ReflowRf 2 retina
    Let's look a little deeper into what Adobe Reflow can do for our web design process. To begin with, we'll prepare some visual assets in Adobe Fireworks, we'll then export them across to Reflow. Having done that, we'll examine some of Reflow's key features as we build our design responsively. Remember: Reflow is a work in progress. It will evolve and develop as you guys figure out what it should be doing. Use it and improve it!Read More…
  • Web Design
    Introducing Adobe's Responsive Layout Editor: Edge ReflowRf preview
    I am really excited about Adobe's newest product lineup. Last month saw the pre-release of Reflow, effectively a beta which you're all invited to play around with and poke holes in, so you can let the makers know what you want to see in the final version. Reflow is a visual editor for responsive web layouts. It aims to plug the gap between static design applications (such as Photoshop and Fireworks) and working directly with code in the browser. Let's take a look and see if it does a good job..Read More…
  • Web Design
    Has Adobe Gotten its Mojo Back?Preview
    For the past several months a creeping sense of ambivalence between myself and my relationship with Adobe had been rattling through my consciousness like a song I couldn’t get out of my head. As a web guy I couldn’t shake the sense that Adobe was spending an inordinate amount of time telling the universe how great things were with DPS and mobile with very little chatter over on the web side of the fence.Read More…
  • Web Design
    Working With Fluid Images in Dreamweaver CS6Preview 3
    In the previous installment of this series I went over the various stylesheets associated with a fluid grid layout in Dreamweaver CS6. During this tutorial we're going to turn our attention to working with images in our Fluid Xian project.Read More…
  • Web Design
    Laying Out Fluid Grids in Dreamweaver CS6Preview2
    In the previous installment of this series I laid out the events leading up to the inclusion of fluid grids in Dreamweaver CS6. In this tutorial we'll open up our exercise files and start working on the layout in various states; mobile, tablet and desktop.Read More…
  • Web Design
    Getting Started With Dreamweaver CS6 Fluid GridsPreview
    Today I'm going to introduce you to Adobe's take on Responsive Web Design; Fluid Layouts in Dreamweaver CS6. These new tools allow designers to visually build their responsive layouts, mobile first, whilst Dreamweaver handles all the flexible calculations in the background. Let's take a look..Read More…
  • Web Design
    New in Fireworks CS6: jQuery Mobile ThemesPreview
    Adobe have been using Labs as a testing area for features and extensions for some time. One such extension, which now ships as standard, allows jQuery Mobile themes to be built in Fireworks CS6 and exported as usable code.Read More…
  • Web Design
    New in Fireworks CS6: CSS Properties and SpritesPreview
    Continuing our look at new features in Adobe Fireworks CS6, let's now check out some of the ways in which you can directly output your work as browser-friendly code.Read More…
  • Web Design
    What's New in Fireworks CS6?Preview
    As you'll probably know, I just love Adobe Fireworks; it's my favorite tool for creating images in a multi-screen environment. Thanks to the release of Fireworks CS6 my love affair has blossomed even further, so over the next few days we're going to look at some of the reasons why.Read More…
  • Web Design
    First Look: The New Scripting Features of Adobe EdgePreview
    Edge Preview release 3 introduces code snippets and the ability to add interactivity to your presentations. In this collection of 3 screencasts we'll take a look at the new features, and put them to work in an interactive slideshow.Read More…
  • Web Design
    Building a jQuery Mobile Theme With Adobe FireworksPreview
    In this tutorial I'll demonstrate how easy it is to create a jQuery Mobile theme in Fireworks, preview the theme, and move it into an HTML5 jQuery sample in Dreamweaver CS 5.5.Read More…
  • Web Design
    Quick Tip: Build CSS3 Effects Using Fireworks CS5Preview
    One of the really neat things about CSS3 is the ability to create objects containing special effects such as gradients, rounded corners and even drop shadows. In this tutorial I'm going to show you how a new Fireworks extension can do all the hard work for you.Read More…