Category Archives: Tutorial

Testing mLearning Content on Mobile Devices

Content authors creating mLearning often need a way to quickly and easily test their courses on a mobile device. The below video demonstrates how to set up a testing server so you can test courses on your mobile devices directly from your computer.  This saves you from having to upload the course to an LMS or staging server.  In the video, I’m publishing the course using the HTML5 output feature of Adobe Captivate 6. I’m using XMAPP as my testing … Continue reading

Adobe Shadow: Great for Mobile Web Designers

I just posted a video about how to get started with Adobe Shadow.  It’s a killer tool for testing websites on mobile devices.  Not only can you synchronize your page navigation with your desktop, but you can also inspect the DOM and see how your CSS is rendering on the device.  Adobe Shadow is a browser plugin for Google Chrome.  The installation process can be found in the video and on the Adobe Labs website. One thing to note: I’m … Continue reading

Two Videos: Creating custom Adobe Connect 8 pods

I’ve just finished two videos on creating custom pods for Adobe Connect 8 using the Collaboration Builder SDK.  Both Part 1 and Part 2 are posted to our Videos section. Part 1 demonstrates how to get started building a custom pod with Flash Builder and the Flex 3.5 framework.  This is great for developers because Flex is a fantastic framework to use for development.  However, Flash users are left a bit in the dark because not only do you need … Continue reading

Publish Captivate 5 to the iPhone/iPad

UPDATE: Adobe has just posted an “experimental technology” that allows Captivate 5.5 content to be exported to HTML5.  This would allow iPhone and iPad users to view Captivate content natively in a web browser: http://labs.adobe.com/technologies/captivate_html5/ UPDATE 2: Adobe has just posted a MUCH better way to do this: http://bit.ly/sIroGS Captivate 5 shipped with an extra option in the publish settings: Enable SWF for conversion to iPhone application. However, there isn’t a a lot of documentation to support this feature.  If … Continue reading

Testing Mobile Websites with XAMPP

Many web designers and developers are diving into mobile websites.  This might include using media queries to swap out CSS files, building HTML5 animations with Wallaby or detecting device capabilities with WURLF.  Whatever the case may be, multiscreen development can be a little difficult when it comes to testing.  Dreamweaver CS5 added some nice features for testing different screen sizes, but this just isn’t the same as testing on a physical device.  It would be great to test a local … Continue reading

New tutorial video posted: Wallaby!

Adobe just posted Wallaby to their Labs website. Wallaby allows you to convert an FLA file to an HTML5 animation.  This allows animators to use Flash CS5 like they usually do to create banner ads and other animations.  The benefit is being able to convert that Flash animation to an HTML5 equivalent.  This video demonstrates how to add a Flash animation to a webpage, and then use Wallaby to provide an alternative HTML5 version.  Two animations for the price of … Continue reading

Replay slide in Captivate 5

Replay a slide?  That doesn’t seem so tough.  Well, it’s not the most intuitive process in Captivate.  You can easily tell a button to take you to the next slide or the previous slide, but if you simply want to replay the current slide, you need to do a little advanced scripting.  Don’t worry, it’s pretty easy to pull off. Select your button and find the Actions section of the Properties panel. On Success, select Execute Advanced Actions and click … Continue reading

Quick Panoramas with Photoshop

Yes, I know.  This feature has been in Photoshop since CS3.  Still, every time I stitch together a panorama, I’m amazed at the technology. I recently returned from a trip up north to Giants Ridge in Biwabik, Minnesota (aka The Iron Range).  The fall colors were at their prime so naturally I took a lot of pictures.  At one point, I took a sequence of four pictures that would make a good panorama.  For the record, the images are of … Continue reading

Head to Head: Flash, Flash Catalyst, and InDesign

Creative Suite 5 made it possible to develop Flash applications with three different products: Flash Professional (FL), Flash Catalyst (FC), and InDesign (ID).  I’ve watched a lot of demos on Adobe TV about this and was inspired to compare all three.  I just posted a four-part series on our video site.  My goal was to build the same application with all three products.  Here is how the four parts break down: Part 1 – Workflow: I import the design from … Continue reading

HTML 5 Pack for Illustrator

If you head over to Adobe Labs you can download a preview version of an extension which adds HTML5 support for Adobe Illustrator CS5.  There are two different ways you can leverage this support: SVG and CSS3 SVG: Scalable Vector Graphics HTML5 means support for SVG or vector graphics on the web.  This is great for targeting multiple screen sizes.  Your graphics can scale and resize without distortion since they are still vectored.  Most current browsers have some support for … Continue reading