Blog

Yet another revolutionary software for converting InDesign to HTML. Yawn.

Aug 20th, 2014 by Max Tokman

Today we're reviewing IN5, put out by a software company whose name we will not mention.  It is supposedly another magical app that converts InDesign files in HTML5, so all you have to do is design the darn thing in InDesign and voila! you have a website.  Naturally, we were curious on how this software performs in something resembling real world conditions and the results did not disappoint.  Using quickly assembled InDesign file we were able to generate really messy code with zero cross browser consistency and minimal fidelity to original layouts.  On the plus side, the overall process was quick. 

Take a look at some of the screens below and let us know which ones you like best.  Mind you, the resulting code is so messy that to bring it up to a decent cross-browser level, let alone adaptive or responsive design state, it would be faster coding that page from scratch using Photoshop as a basis - and you already know how to get from InDesign to Photoshop.  To be fair, this tool has its niche - hobbyists creating personal or pro bono websites with loads of time to tinker with code and not worry about client approval.  Any professional using it to generate code that will match client-approved creative - you've been warned.

Our original and fairly basic InDesign file:

Original InDesign file


Result from Firefox on PC, overlaying original file:
Result from Firefox on PC, overlaying original file:


Result from Firefox on Mac, overlaying original file:
Result from Firefox on Mac, overlaying original file:


Result from Chrome on PC, overlaying original file:
Result from Chrome on PC, overlaying original file:


Result from Chrome on Mac, overlaying original file:
Result from Chrome on Mac, overlaying original file


Result from Safari overlaying original file:
Result from Safari, overlaying original file


Result from IE8 overlaying original file:
Result from IE8 overlaying original file


Result from IE9 overlaying original file
Result from IE9 overlaying original file


Result from IE10 overlaying original file
Result from IE10 overlaying original file


Result from IE11 overlaying original file
Result from IE11 overlaying original file

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
Where is that “any key” on my keyboard?

Aug 15th, 2014 by Max Tokman

True story from some years back: we were transferring project documentation to a client and have hit a wall, their point person taking the project over was not able to get through the very first screen of the application.  Time went by, and we just could not figure out their issue, as everything was working fine o

Harness-B

Aug 21st, 2014 by Max Tokman

Download Harness-B for Windows Download Harness-B for Mac   Harness-B real world production automation software works as a companion app to Basecamp project management system.  It allows you to channel multiple communications streams from clients (tasks, messages, files, emails, empty todo lists) into