Blog

Converting Flash sites to HTML5

Jan 28th, 2013 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.

Categories:

wordpressSEOweb designWeb DevelopmentHTML5productionresponsive designDrupaldesignCSSPhotoshopsecurityADAgooglebeta testingautomationharness-btoolsGoogle AnalyticsTestingmarketingFlashproduction tipstypographyAdobe Museweb imagesite speedintegrationswebsite buildingtechnologiesJavaScriptfirefoxbrowsercomplianceserver securityquality controlfontsthemesMicrosoftmodulesApplemobile websiteapp developmentplug-inAPIweb standardsweb preflightiOSInDesignE-commerceOpenSSLSSLIE8JSONQAmobile devicestabletsAdobe AirRIAsInteraction MetricsAdvertisingLong TailExporting from InDesign to PhotoshopInDesign to Photoshop conversionresponsive buildWordpress pluginshorizontal layoutBacklinksAdobegTLDscustom domain suffixesdevelopmentwireframeaugmented realityweb awardprogramming awardPhotoshop Layer compsdesign best practicesmobile app challengeapp lifespannon-Flash animationHTML5 animationAdobe EdgeiPad screen templateICANNweb development awardvertical layoutvideo playbackfaildudrevolutionary softwareInDesign to HTMLcommunicationclienthtmlimage sizesoftwareimage compressionweb compatibilitybreakpointresponsive statePDFAdobe Edge ReflowconvertingEdge ReflowParfaitweb design softwareogvcloudawardhostseleniumFoundationBootstrapCKEditor3rd partyAppleScriptecommercetechnologycollaborateupdatevulnerabilityCMSwebsiteiPhoneCSS3Ps. and CSS HatProject Parfaithigh fidelityconceptcodecwebmformatweb developerssidney garberVideos and animations3D views of modelsDetroit Diesel CorporationMercedes-BenziTunescustom fontsHTML4web-fontsRGBweb colorsrelationship marketingOSSW3Cfragmented technology landscapeAndroidvideo sizegammamp4microsoft’s project natalUDIDvideoCVE-2014-0224integrationLinkedInFacebookWindows XPInternet Explorer 8interactive banner adsbrochurewaresony playstationinstant video playback solutionHeartbeatonline subscriptionWebOSabletCMS for Flashoptimizednintendo wiioutsourcing
The Online Subscription Dilemma

Jun 15th, 2011 by Max Tokman

The New York Times is known as “The Old Gray Lady” in the industry for its adherence to traditional, proper journalism in both form and substance. These principles have earned the paper more Pulitzer Prizes than any other news organization and made it the paper of record for generations. But generations have come and

What is "responsive design"

Jan 28th, 2013 by Max Tokman

In a nutshell, responsive design or responsive build refers to ability of a web page to rearrange its elements depending on screen size of device being used.  It is an evolution of HTML coding from creating desktop and mobile versions of the site to a single build that presents appropriate layout regardless of u