Blog

Adobe Edge Reflow optimizes design and coding for web

Jun 23rd, 2014 by Max Tokman

Last week we reviewed About Muse and its promise of full cycle design and development.  Today, we are looking at Edge Reflow, which we think is a much better candidate for integration into workflow process by designers and developers alike when designing responsive sites.

We liked the ability to create multiple responsive designs in a single file, which would eliminate the need for separate set of Photoshop files for every breakpoint.  We also liked synchronization between Edge Reflow and Photoshop; once you are finalizing designs in Edge Reflow, those changes can be synched back with original PSD.  We really liked getting individual elements’ code for multiple screen breakpoints all at once, which is a big time saver.  We really liked file naming for saved images matching layer names from Photoshop.

The minor drawback of Edge Reflow is the additional few minutes of work it will take for designers to give all Photoshop layers unique and meaningful names that will be used in saved CSS.  Apart from that, Edge Reflow is a really solid tool for responsive design and development.  It will not be used to create entire sites with optimized and SEO-compliant code but it does streamline creative workflow and collaboration with developers on responsive sites.

Coming up next - why can’t we all just use InDesign and be done with it, it exports tons of HTML and CSS - right?

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

Jul 14th, 2014 by Max Tokman

Some time ago, we completed a beta version of responsive site and turned it over to agency’s client for review. The client came back with a number of issues, all centered around font and image sizes that were apparently not to spec for one of responsive states. Naturally, we were concerned as this indicated...

Jun 18th, 2014 by Max Tokman

Short answer - it is not. Adobe is always torn between noble aspirations of creating unified design / development software and the less elevated urge to make money by selling that same tool as multiple products. Hence the ongoing parade of various stiffs, headlined by ImageReady and closely followed by Fire...