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?

wordpressSEOweb designDrupalWeb DevelopmentADAHTML5productionresponsive designcompliancesecurityCSSPhotoshopdesignTestingFlashtoolsproduction tipsgoogletypographyGoogle Analyticsmarketingbeta testingautomationharness-bbrowserSSLE-commerceiOSweb standardsplug-infirefoxQAwebsite buildingapp developmentweb preflighttechnologiesJavaScriptthemesintegrationsAdobe MuseAPImobile websiteAppleweb imagesite speedfontsquality controlMicrosoftmodulesOpenSSLserver securityIE8Long TailabletWebOSAndroidtabletsmobile devicesclientcommunicationimage size cloudtechnologyPDFresponsive statebreakpointimage compressionInteraction Metricsinstant video playback solutionvideo sizeInternet Explorer 83rd partyAdobe Edge ReflowawardsoftwarehostBacklinksAdvertisingapp lifespanmobile app challengeweb colorsgammacodecvideo playbackJSONRGBWindows XP LinkedInParfaitvertical layoutiPad screen templatehorizontal layoutcustom fontsweb-fontsnon-Flash animationHTML5 animationEdge ReflowAdobe Edgeoptimizeddevelopmentresponsive buildAdobeCMS for FlashHTML4interactive banner adsWordpress pluginsconvertingfailseleniumW3Cmicrosoft’s project natalsony playstationnintendo wiiaugmented reality3D views of modelsDetroit Diesel CorporationMercedes-BenziTunesfragmented technology landscapeUDIDInDesign to Photoshop conversionExporting from InDesign to Photoshophtmlweb design softwareweb compatibilitynDesignRIAsAdobe AiroutsourcingFacebookdudInDesignformatvideowireframeCMSwebsiteiPhonebrochurewareweb development awardmp4web awardweb developerssidney garberhigh fidelityupdatevulnerabilityCKEditorCVE-2014-0224integrationprogramming awardrevolutionary softwarewebmonline subscriptionInDesign to HTMLFoundationBootstrapICANNgTLDscustom domain suffixesPhotoshop Layer compsdesign best practicesogvHeartbeatcollaborateconceptOSSrelationship marketingCSS3Ps. and CSS HatProject ParfaitAppleScriptecommerceVideos and animations

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