Converting Flash sites to HTML5

Jan 28th, 2012 by Max Tokman

Is there a quick way to convert a Flash site to HTML5?  That's the question we're being asked more often as hardware manufacturers drop their support for Flash and Adobe's once major software starts getting marginalized. While Adobe still has plans for future Flash development, it is clearly no longer the medium of choice for current and future web projects.

The answer to the conversion question is - it depends.  There are technologies for converting basic SWF animations into HTML5 and CSS.  The resulting animation's code will still need to be cleaned by hand, but it does not need to be recreated from scratch.  This will only work with simple, timeline-driven animations, such as banners, as all project assets are exported as individual elements and timeline is converted into script.

If your Flash site is driven by a content management system these conversion technologies will not work, as all the Flash interactivity is programmed in scripts, not in timeline.  In this case, Flash to HTML5 conversion needs to be a rebuild of the entire front end. The good news is that CSS and JavaScript animations have come such a long way that they can closely approximate the Flash aesthetic, which (apart from custom fonts) was the main reason designers used to choose Flash for their projects.  And of course, your CMS remains intact and can be readily integrated into the new HTML5 front end. The overall silver lining is that by converting to HTML5 you can incorporate new technologies such as responsive build, which address a wide range of devices, some not even supporting Flash, and guarantee your site's accessibility for the next decade as HTML5 becomes the dominant standard of building for web.


wordpressSEOADAWeb Developmentweb designDrupalproductionHTML5responsive designcompliancesecurityCSSdesignTestingPhotoshopproduction tipsFlashtechnologiestoolsgoogletypographyGoogle Analyticsmarketingautomationharness-bbeta testingbrowserSSLE-commercethemesweb standardsplug-inQAwebsite buildingapp developmentweb preflightfirefoxJavaScriptquality controlintegrationsAdobe MuseAPImobile websiteAppleweb imagesite speedfontsiOSMicrosoftmodulesOpenSSLserver securityIE8Androidtabletsmobile devicesclientcommunicationimage compressionimage size cloudPDFresponsive statebreakpointInternet Explorer 8Windows XP FacebooktechnologyWebOSLong TailInteraction MetricsLinkedInhostsoftwareAdvertisingJSONapp lifespanabletmobile app challengeRGBgammacodecvideo sizeinstant video playback solutionBacklinksweb colorsvideo playbackintegration3rd partyParfaitvertical layoutiPad screen templatehorizontal layoutcustom fontsweb-fontsnon-Flash animationHTML5 animationEdge ReflowAdobe Edgeoptimizeddevelopmentresponsive buildAdobeCMS for FlashHTML4interactive banner adsWordpress pluginsconvertingfailseleniumW3Csony playstationnintendo wiiaugmented realityVideos and animations3D views of modelsDetroit Diesel CorporationMercedes-BenziTunesfragmented technology landscapeUDIDInDesign to Photoshop conversionExporting from InDesign to Photoshophtmlweb design softwareweb compatibilitynDesignRIAsAdobe AiroutsourcingCVE-2014-0224dudInDesignformatvideowireframeCMSwebsiteiPhonebrochurewareweb development awardmp4web awardweb developerssidney garberhigh fidelityawardupdatevulnerabilityCKEditorAdobe Edge Reflowprogramming awardrevolutionary softwarewebmonline subscriptionInDesign to HTMLFoundationBootstrapICANNgTLDscustom domain suffixesPhotoshop Layer compsdesign best practicesogvHeartbeatcollaborateconceptOSSrelationship marketingCSS3Ps. and CSS HatProject ParfaitAppleScriptecommercemicrosoft’s project natal

Feb 28th, 2012 by Max Tokman

Although Adobe Edge software is still new on the market, it has already proved useful for creating simple animated sites as long as designers know what to expect when using the program. PC World reports the main purpose of Edge is to create animation using HTML5 and other standards, such as JavaScript and CSS3, without...

Jan 25th, 2012 by Max Tokman The just of Max's responses was that HTML5 is gaining ground due to the explosive growth in the market share of tablets and other mobile devices, which do not use Flash, and HTML5 with its features is well suited to replace Flash. This forces make...