Tag Archives: HTML5

Adobe Edge Tools & Services

Today, Adobe hosted their Create the Web keynote in San Francisco.  During the presentation the announced and demonstrated a ridiculous number of new tools/services centered around web design and development. Below is a quick summary of what was announced. You can find a lot more information at http://html.adobe.com. Tools & Services Edge Animate 1.0 (formerly Adobe Edge) Edge Reflow Edge Code (based on Adobe Brackets) Edge Inspect (formerly Adobe Muse) Edge Web Fonts Typekit PhoneGap Build Adobe Edge Animate 1.0 … Continue reading

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

It’s Here: Adobe Captivate 6

Captivate 6 is now available. It is hands-down one of the best product updates that I’ve seen from Adobe. CP6 truly demonstrates both a response to what power users have been asking for and a chance to innovate. In a nutshell, you need this version. If you’re new to eLearning development, it’s a great all-around tool. If you’re already using Captivate, upgrade now. While there are a couple missing pieces, overall, it’s a home run. Keep reading to find out … Continue reading

Offline iPad Website made with HTML5 and Captivate

Just uploaded another Captivate-to-iPad video, but with a little different twist.  This one takes the HTML5 output from Captivate and converts it to an offline website.  The big difference here is that you DON’T need to be an “Apple Developer” because this isn’t an actually iPad app.  It’s essentially a web site  (HTML page) that will download all the assets is needs (images, css, javascript, etc) so it can function without an internet connection. Check out the video for detailed … Continue reading

Creating an iPad application with Captivate

UPDATE: Now that Adobe Captivate 6 is released, you do not need the “HTML5 Converter for Captivate”.  Simply use the HTML5 Publishing feature to publish the HTML/CSS/JavaScript to add into PhoneGap. I’ve created a couple posts and videos about how to make an iPad application with Adobe Captivate.  This one is a winner though.  No command line hacks.  No complicated setup.  You can watch the video here. In the video, I’m combining a few different technologies to make it happen: … Continue reading

HTML5, Flash and Adobe

If you haven’t heard, Adobe Systems announced they will “no longer continue to develop Flash Player in the browser to work with new mobile device configurations.” First, let’s understand what this means: Future devices will no longer be able to view Flash content in a web browser. For Flash developers, this really doesn’t change anything.  Before I explain why this doesn’t change anything, I want to say (and I’ll reiterate) that you can still use Flash Professional and Flash Builder to make … 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

Flash vs. HTML5: Stop the drama!

I thought I’d post a few resources for anyone out there still confused about the Flash vs. HTML5 battle. A  number of people are still wondering about the fate of Flash or whether Adobe is for or against HTML5.  Hopefully some of the following resources will help clear the air. Adobe loves HTML5 Adobe is very excited about HTLM5.  Yes, I said very excited.  At Adobe MAX this year, they spent a lot of time demonstrating their support for HTML5. … 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