Lynda.com: Building Custom HTML5 Video Playback with AngularJS

Pleased to present a new course for Lynda.com: Building Custom HTML5 Video Playback with AngularJS! Develop a customized responsive video app that performs and appears great in all browsers, using AngularJS and Bootstrap. HTML video doesn’t require plugins for playback, but the default experience differs drastically across browsers. Using a combination of Bootstrap and AngularJS, you can develop a customized responsive video app that performs and appears great in all browsers—unifying the user experience and allowing custom functionality, such as playlists and full-screen playback. Join Joseph Labrecque for this start-to-finish course that guides you through every step in the process,

Continue reading »

PhoneGap Jumpstart

I’ve always found that getting started with PhoneGap if you hadn’t used it before (and sometimes even if you have) to be an exercise in frustration which even when it all goes well… takes some time and dedication. For example… Here are the steps I take when setting up on a new Windows environment for Android: download and install Java- add to path [C:\Program Files\Java\jdk1.7.0_45\bin] add new system var JAVA_HOME [C:\Program Files\Java\jdk1.7.0_51] download and install ANT – add to path and be sure to RESTART [C:\ANT\bin] download and install ADT [https://developer.android.com/tools/help/adt.html] download and update the Android SDK from tools [pray] create a new Android VM for

Continue reading »

Publish Flash content on multiple platforms

Flash Professional CC lets you create animations for virtually any use case, device, browser, or platform. Natively author and publish your content to various formats using the tools and interface you already know. I have recorded – and Adobe has published – a set of video tutorials to spread awareness of Flash Professional CC as a platform agnostic creative animation and asset generation tool. Not only is this messaging important for creatives looking for a solid solution for targeting HTML5 Canvas, WebGL, and an array of custom platforms like Away3D and GAF… but is also beneficial to getting people to

Continue reading »

On YouTube, HTML5, and Flash

Everyone applauding the default to HTML5 from Flash Player on YouTube should recall that without Flash, YouTube would not exist. Or HTML5. — Joseph Labrecque (@JosephLabrecque) January 28, 2015 Many stories are running about this over the past few days and they all give the impression that Flash Player is no longer used when delivering video with YouTube. We have to be clear on a few different points here: HTML5 video playback has already been the default with Chrome for a long, long time now. It has taken YouTube around 4-5 years to get the HTML5 playback to a state

Continue reading »

Animated Infographics with Flash Professional

Adobe is holding a number of neat professional development events for educators over the next few months. I’ll be hosting two sessions on Flash Professional CC at the end of October that I encourage you to attend. The morning session will go over the basics of getting content from Adobe Illustrator into a Flash Project, animating that content, and publishing it as a single animated infographic in Flash Player. In the afternoon, we’ll see how to convert our Flash project to target HTML5 Canvas, build interactive elements, tween the entire infographic based upon user control, and more! Easy animated infographics with

Continue reading »

Converting Flash Interactives to HTML5

Over the past two weeks, I’ve taken on a project to convert an old (OLD) Flash interactive tool to HTML5. My primary reason for doing this is not so that it will run on mobile browsers… but rather that it would be an easier task to rewrite the thing in HTML5 rather than get all of the old AS1/2 code together, grab an old version of Flash Professional, locate and configure the external remoting libraries, and sift through my crappy old non-OOP code to figure out how to make a couple of simple changes. No thank you! The benefits to

Continue reading »

Lynda.com – HTML5 Game Development with Phaser

Lynda.com has published the long-awaited course on HTML5 Game Development with Phaser! Special thanks to Richard Davey for looking over the code and providing guidance in the development of this course. Phaser is a cross-platform game development framework for both mobile and desktop games. This fast, fun, and free framework supports both JavaScript and TypeScript, targeting the open web via HTML5 Canvas. This course shows you how to put Phaser to work: creating a multi-state games that can be played on both desktop browsers and mobile devices. After you gather your assets, author Joseph Labrecque will help you start a

Continue reading »