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

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

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 ...

Aug 12th, 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...