Blog

Adobe Edge and non-Flash animation

Feb 28th, 2012 by Max Tokman

Although Adobe Edge software is still new on the market, it has already proved useful for creating simple animated sites as long as designers know what to expect when using the program. PC World reports the main purpose of Edge is to create animation using HTML5 and other standards, such as JavaScript and CSS3, without needing Adobe Flash, Microsoft Silverlight or other downloaded plug-ins. The software fulfilled that mission during the creation of a simple site, with results that were essentially the same as those produced by Flash 4 but executed with HTML5+CSS. Adobe has produced a program that has promise, but is still in need of further development before it can become a mainstay for designers under all circumstances.

One major feature that makes Adobe Edge incredibly attractive at the moment is the price. Preview 4 is available for free as a download from the Adobe Lab website, yet it remains unclear how much longer the software will be available at no cost to users.

Not all users will actually find a use for Adobe Edge, PC World notes, although designers can benefit using the software for less elaborate projects. Small sites, particularly mobile platforms, are those that would best benefit from the software at this stage of its development. The sites can be developed from scratch or designers can import an existing site into Edge to transform a static website into a dynamic one. The importation keeps the original HTML layout intact, neither breaking the layout nor compromising the code.

Edge proved compatibility with Safari and iPad, but only appeared to work with WebKit browsers. The program also had an issue with its fonts. One of the updates introduced in Preview 4 was improved font capabilities, including the ability to increase the list of available fonts with those imported by the designer. Edge supports a number of web font services, including some of the more popular Typekit, Google Web Fonts and FontSquirrel.

A wider variety of font options can increase the level of creativity designers bring to the site, but even the widest variety of fonts are meaningless if the fonts do not function properly when the end result is on display. A fallback font option is available for users lacking the imported fonts, but that does not address additional issues with the fonts. Rasterizing the fonts may be able to help with the overall font function, although that, too, is not likely the key to correcting all font issues and restrictions.

When it comes to symbols, images and light graphics, Adobe Edge provides a variety of ways to display, incorporate and introduce them to a page. Each nestled animation can be created with an independent timeline designers can integrate into the main timeline, and each also has interactive capabilities. The features can work to produce attractive photo galleries as well as dynamic menus on the landing page and elsewhere throughout the site. Symbols are easily accessed through the library panel and have several capabilities, including an autoplay option that can be turned on or off as well as additional play and stop commands.

Designers working with symbols will find they can be similar to working with other objects, but with advanced capabilities that can simplify the designing process. Each element on the page has the capability of being programmed to appear at a certain time and specific length of time, or removed from the stage and turned off.

Other functions and features worth noting are typical for a number of software design programs but useful just the same. Adobe Edge can integrate content in the GIF, JPG, PNG and SVG formats while its text and drawing tools allow you to produce new graphics on the spot. The library feature contains a centralized location of the design’s current elements and offers easy access to each element as needed. The timeline editor allows simple editing of each object’s animation, controlling the shape, color, size, positioning and other aspects of the object.

Because Adobe Edge is still in its infant stages, certain restrictions, compatibility issues and malfunctions can be expected. Preview 4 has already incorporated fixes that plagued earlier versions of the program and further updates are still to come. As it stands, Adobe Edge can already be useful for the simpler projects that require rapid animation results without investing copious amounts of time and money producing those results.

Sources:

http://labs.adobe.com/technologies/edge/

http://www.pcworld.com/article/237043/adobe_edge_what_you_need_to_know.html

http://www.washingtonpost.com/blogs/innovations/post/adobe-edge-marks-pivot-to-html5/2011/07/31/gIQA3UqUmI_blog.html

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
Highlights from 2010

Jan 26th, 2011 by Max Tokman

2010 was a great year for OSS; we produced some truly innovate online destinations. We implemented some of the newest technologies and continue to harness the latest development tools. Here are a few highlights of our work from last year: eventfully.com – a comprehensive event planning website. It provides web appli

Using mobile technologies for your online initiatives

Apr 12th, 2012 by Max Tokman

“There’s an app for that,” has perhaps become as common a catchphrase as the age-old “The check is in the mail.” Apps are not the only mobile technology available for businesses, either. Mobile-optimized websites have become increasingly common as a way to reach out to the rapidly increasing mobile market. Gartner,