Is Adobe Edge Code ready for day-to-day use?

Yes and no, as it depends on what features are needed for your workflow. We hope to have a version of Adobe Edge Code that is ready for a broader day-to-day use definition within the next couple releases going into 2014 [timeline updated based upon all your recent feedback]. Until then, we'd appreciate your help in testing it out!
If you're passionate to assist in the future of Edge Code, consider contributing directly to its base open source project Brackets.
Related: What is the difference between Brackets and Adobe Edge Code?

Manigandan,
Thank you.
Some PCs with less RAM or slower processors cannot display Flash in a smooth and fluid motion. Te motion is jerky or hesitant, with breaks an gaps.
So, can you tell me if Edge will NOT have the same jerkiness in motion as Flash does?
Will Edge retain all graphical elements and quality....and show all motions and actions as I set in Flash?

Similar Messages

Does Anyone Knows How To Disable The "Check For Updates" Option in Adobe Edge Code and Reflow?

Does Anyone Knows How To Disable The "Check For Updates" Option in Adobe Edge Code and Reflow?
Thanks in Advance

I don't think there is a way for Edge Code. I'm not sure about Reflow.
Why don't you just upgrade? That will stop the notifications.
Randy

What is the difference between Brackets and Adobe Edge Code?

Adobe Edge Code is a distribution of the Brackets open source project optimized for professional web designers and developers. This build of Brackets includes community and Adobe-built extensions that are not part of the Brackets open source project. If you are a Creative Cloud member, this is version is made special for you.
But, we're just getting started. Currently we have support for the free Adobe Edge Web Font service. The next release will add support for previewing directly on devices as you develop with Edge Inspect CCM and we'll be adding more integrations over the next few months.

Hi Chitra,
In simple term:
SU53: Authorization i dont have
SU56: Authorization i have
Further information pls check this
diff in su53 and su56

How to uninstall Adobe Edge Code Preview 3 after installing Adobe Edge Code CC

After installing Adobe Edge Code CC via Creative Cloud I have noticed I still have Adobe Edge Code Preview 3 on my machine.
There is no specific uninstaller in Applications/Utilities/Adobe Installers
So how do I uninstall it?

Hey Jarrid, you can just drag it to the trash to get rid of it. The preferences are stored in ~/Library/Application Support/Adobe/Edge Code/ so you can delete that folder as well to completely remove it.
=Ryan
[email protected]

Adobe Edge code CC

Hello, Adobe Edge Code CC does not seem to be part of my CC account, its not showing the App in the Creative Cloud application! Any suggestions as to how to get it?

Edge Code has been discontinued in favour of Brackets - A modern, open source code editor that understands web design.

Adobe Edge code live preview is not working

I've recently downloaded Adobe Edge Code and noticed that the live preview doesn't work when i edit it and i also checked the source code and sore that it didn't change. The icon in the top right corner is yellow, i am using Windows 7 and Google Chrome.

The general rule of thumb is: only the contents of .css files are updated in real time as you're typing, in the current version of Live Preview. To see anything else, you must save your changes and reload the webpage. In the latest version of Brackets (and therefore the next upcoming release of Edge Code), we make this a little easier by automatically reloading the page when you save.
Down the road, we'd like to make .html and .js update as you're typing too -- we're just not there yet. Here are the user stories tracking those future features:
https://trello.com/card/0-live-html-editing-in-brackets/4f90a6d98f77505d7940ce88/247
https://trello.com/card/3-live-javascript-editing-in-brackets/4f90a6d98f77505d7940ce88/263
- Peter

Is there an Adobe Edge (code) CC Roadmap that shows Adobe's plans for future updates of Edge?

This is something I'm extremely interested in seeing for this family of Adobe Products as many really awesome projects (namely Open Source) do this so that early adopters and beta testers have a general idea of what is to come. Hopefully someone within this forum or one of you wonderful Adobe employees could guide me in the right direction. Or if such a thing doesn't exist, perhaps it'll inspire you guys to make one!
Cheers!

Edge Code CC is a distribution of Brackets, so you can follow the Brackets Trello Board.
Randy

Why is Adobe Edge Code labeled as a Preview?

We are excited to share an early preview of Edge Code, but our work is far from complete. While this version is stable and mostly free of bugs, the product is still missing several features that might be required for day-to-day use. If you run into any problems, we're here to help you on the forums.

heathrowe Cant find any information for edge animate in there, only full.

What does it mean when Adobe Edge Code CC (Preview) highlights a line number?

For example:

Yes, I agree that better discovery is needed here. I recently opened a bug with some suggestions.
In case you were not aware, Edge Code is built on top of the Brackets editor. You can find out more info in the How to Use Brackets doc and the Troubleshooting Brackets doc.
As far as the syntax error, I can't see enough of your doc to say for sure. I assume that you have an opening <body> tag, but it could be incorrectly nested inside <head> tag. Most likely is that it's not the <body> tag but the tag immediately inside it -- maybe an unclosed <div> tag?
Thanks for trying out Edge Code CC Preview.
Hope this helps,
Randy

Adobe Edge Code Error HELP!

When i try to make a new file it comes up with a error message it says Error creating file, An error when trying to create the file "name.type". The target directory cannot be modified.

>> file open folder and clicked on the folder gettingstarted and opened it
You need to pick a different folder, other than Getting Started. If you pick a folder located inside the Edge Code install location (such as Getting Started), you will not be able to create any new files or folders there. If you pick a folder somewhere else, such as inside your Documents folder tree, then it should work.
- Peter

Why does my html code becomes unreadable overview on the search engine adobe edge code

Hello
Why does my html code becomes unreadable overview on the search engine? Everything alligner left, the images no longer appear and the page background template either. I am new in the html code, but I have nothing to change this one and the other one day it became like that.
Can you please help me??

Il s'agit d'un modèle
Le code est le suivant:
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="http://xdioms.com/ShippedListingTemplates/mobileworld/1/layout.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="http://xdioms.com/ShippedListingTemplates/mobileworld/1/tabs.css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300,300italic" rel="stylesheet" type="text/css">

<title>Listing Template</title>
</head>
<body>
<div id="wrap">
<div style="height: 220px;" id="header">
<img style="height: 172px;" src="http://drive.google.com/uc?id=0B4DAWy8zc1mhUW56ckY4OFV5NWM>
<div class="outwrapsocial">
<a href="#" class="social" id="twitter"></a>
<a href="#" class="social" id="fbk"></a>
<form name="search" method="get" action="http://stores.ebay.com.au/#/_i.html?_nkw=lakljsdfsdf&submit.x=36&submit.y=18" target="_parent">
<input type="text" autocomplete="off" name="_nkw" id="searchId" size="17" maxlength="300">
<input type="submit" name="submit" value="Search" href="#">
</form>
</div>
</div>
<div id="innerwrap">
<div id="cssmenu">
<ul>
<li><a href="#"><span>Livraison</span></a></li>
<li class="last"><a href="#"><span>Paiement</span></a></li>
<li class="last"><a href="http://feedback.ebay.fr/ws/eBayISAPI.dll?ViewFeedback2&userid=k_aprice&&iid=330507957027&s spagename=VIP:feedback&ftab=FeedbackAsSeller"><span>Nos évaluations</span></a></li>
<li class="last"><a href="#"><span>Retours</span></a></li>
<li class="last"><a href="#"><span>Contactez-nous</span></a></li>
</ul>
</div>

<div class="slidercontainer">
<div align="center" style="%%pictures-0-big%%" class="artikelbilder">
<a href="#thumb" class="thumbnail"><img width="100px" height="75px" border="0" src="%%pictures-0-small%%">
<span><img width="540px" height="611px" src="%%pictures-0-big%%"></span></a>
<a href="#thumb" class="thumbnail"><img width="100px" height="75px" border="0" src="%%pictures-1-small%%">
<span><img width="540px" height="611px" src="%%pictures-1-big%%"></span></a>
<a href="#thumb" class="thumbnail"><img width="100px" height="75px" border="0" src="%%pictures-2-small%%">
<span><img width="540px" height="611px" src="%%pictures-2-big%%"></span></a>
<a href="#thumb" class="thumbnail"><img width="100px" height="75px" border="0" src="%%pictures-3-small%%">
<span><img width="540px" height="611px" src="%%pictures-3-big%%"></span></a>
<a href="#thumb" class="thumbnail"><img width="100px" height="75px" border="0" src="%%pictures-4-small%%">
<span><img width="540px" height="611px" src="%%pictures-5-big%%"></span></a></div>
</div>

<section class="tabs">
<div class="productdescription">
<h6>Description</h6>
<p>%%description%%</p>
</div>
             <input type="radio" id="tab-1" name="radio-set" class="tab-selector-1" checked="checked">
         <label for="tab-1" class="tab-label-1">Livraisons</label>
             <input type="radio" id="tab-2" name="radio-set" class="tab-selector-2">
         <label for="tab-2" class="tab-label-2">Retours</label>
             <input type="radio" id="tab-3" name="radio-set" class="tab-selector-3">
         <label for="tab-3" class="tab-label-3">CGV</label>
             <input type="radio" id="tab-4" name="radio-set" class="tab-selector-4">
         <label for="tab-4" class="tab-label-4">Contactez nous</label>
               <div class="clear-shadow"></div>
         <div class="content" style="height: 650px;">
         <div class="content-1">
<h2>Livraison</h2>
                        <p style="border-right-width: 0px; padding-left: 0px; border-left-width: 0px; padding-bottom: 20px;"> Votre commande est expediée le jour même* pour toute commande passée avant 16h du lundi au vendredi etle samedi avant 10h. Toute commande passée le samedi après 10h, le dimanche et les jours fériés sera expédiée* le lundi ou premier jour ouvré suivant. </p>
                        <img src="file:///C:/Users/K%27aprice/Pictures/LOGO/lookmobile/lettre%20prioritaire.png" style="border: 0px solid; width: 623px; height: 100px;">
<a style="width: 623px;" href="http://www.part.csuivi.courrier.laposte.fr/suivi?chatTpl=laposte-boutique-part&chatSid=823"><img alt="suivi lettre max" src="file:///C:/Users/K%27aprice/Pictures/LOGO/lookmobile/lettre%20max.png" style="border: 0px solid; width: 623px; height: 100px; padding-top: 10px;"></a>
<a style="width: 623px; padding-top: 10px;" href="http://www.mondialrelay.fr/suivi-de-colis/"><img alt="suivi mondial relay" src="file:///C:/Users/K%27aprice/Pictures/LOGO/lookmobile/mondial%20relay.png" style="border: 0px solid; width: 623px; height: 100px; padding-top: 10px;"></a>
<a style="width: 623px; padding-top: 10px;" href="http://www.colissimo.fr/portail_colissimo/suivre.do?language=fr_FR"><img alt="colissimo" src="file:///C:/Users/K'aprice/Pictures/LOGO/lookmobile/colissimo1.png" style="border: 0px solid; width: 623px; height: 100px; padding-top: 10px;"></a>
                    </div>
         <div class="content-2">
<h2>See Shipping Process</h2>
                        <p>Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh.Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh.</p>
     </div>
         <div class="content-3">
<h2><span class="currency_converter_text">100</span><span class="currency_converter_text">% Success</span></h2>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
<p>Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh.Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.</p>
     </div>
     <div class="content-4">
<h3>Who we are</h3>
<p>Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh.Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.</p>
     </div>
         </div>
</section>
<div class="sidebar">
<div class="categoryhead">Categories</div>
<div class="listingcat">
<ul>
<a href="http://stores.ebay.fr/K-apriCee/Housses-et-coques-/_i.html?_fsub=5676135014&_sid=685878474 &_trksid=p4634.c0.m322"><li>Etuis & coques</li></a>
<a href="#"><li>Film protection écran</li></a>
<a href="#"><li>Ecrans replacement</li></a>
<a href="#"><li>Pieces detaches & outils</li></a>
<a href="#"><li>Batteries</li></a>
<a href="#"><li>Ecouteurs</li></a>
<a href="#"><li>Autres accessoires</li></a>
</ul>
</div>
<div class="categoryhead">Boutique</div>
<div class="listingcat">
<ul>
<a href="http://www.stores.ebay.fr/id=685878474"><li>Accueil</li></a>
<a href="#"><li>Livraison</li></a>
<a href="#"><li>Paiments</li></a>
<a href="#"><li>Retours</li></a>
<a href="#"><li>Nous contacter</li></a>
</ul>
</div>
<div class="categoryhead">Newsletter</div>
<div class="listingcat">
<p>Ajoutez notre boutique a vos favoris,pour être informer de nos promotions et nouveautés.</p>
<a href="http://my.ebay.fr/ws/eBayISAPI.dll?AcceptSavedSeller&sellerid=k_aprice&ssPageName= STRK:MEFS:ADDSTR&rt=nc" class="button">S'inscrire</a>
</div>
<div class="categoryhead">Paiements</div>
<div class="listingcat">
<div align="center"><img src="http://xdioms.com/ShippedListingTemplates/mobileworld/1/img/cards.png"> </div>
</div>
<div class="categoryhead">Livraisons</div>
<div class="listingcat">
<div align="center"><img src="http://xdioms.com/ShippedListingTemplates/mobileworld/1/img/widget-dhl.png"> </div>
</div>
<div class="categoryhead">Services</div>
<div class="listingcat">
<div align="center"><img style="height: 180px; width: 200px; padding-top: 20px;" src="http://www.ds-imprimerie.fr/media/images_dillustration/satisfait_ou_rembourse.png"> </div>
</div>
</div>

</div>

<div id="footer">
</div>
</div>
<div id="cacaowebfirefoxextension"></div><script type="text/javascript">var Cacaoweb = { callbackIsRunning: function () { var cacaodiv = document.createElement("div"); cacaodiv.id = "cacaorunning"; document.body.appendChild(cacaodiv); } };</script><script type="text/javascript" src="http://127.0.0.1:4001/isrunning" id="isrunning"></script><div id="cacaorunning"></div></body></html>

My Evaluation of Adobe Edge Code CC

Pros:
•          Conversion of images for export of assets from PS works well
•          Reflow interface is quite sophisticated and the GUI makes it really easy to conceptualize the how your composition will flow when resizes with all the breakpoints.
•          The artboard has a configurable grid system with gutters. You can snap objects to the grid. This is very powerful and would dramatically help with the designers in colouring inside the lines.
•          They provide a pretty good demo for you to poke around and learn from
•          The html it exports can be not bad. See caveat below
•          When presenting the composition to the client, you are meant to present the html export and let them play around with resizing the browser. You can host this on a server and clients can get a better concept of how it should behave. See Caveat below
Cons:
•          When converting PS to Reflow, it really does a poor job of converting the text positions and dimensions. You almost have to redo it all. It could cause a lot of duplication of work
•          When converting PS to Reflow, the group / layer structure all gets lost and you must create the DOM structure by grouping objects. This is time consuming and unintuitive
•          The role of the designer would have to adapt. The designer would have to understand min-width, max width, floating, position absolute/relative, etc. This might be a really big stretch.
•          Although the export to html works well. Currently on chrome is supported. Adapting it to IE8 would take considerable time.
•          The html is not bad, it’s a good starting point, however it is all ID based and there is no reuse of styles by using classes. The html would take a lot of reworking.
•          The css is not bad, however its really verbose, uses non-essential properties, doesn’t use classes and does not reuse common styles. You may be able to borrow components, but not use it entirely
•          If you had to present a static export of the composition to the client, there is currently no way to export as image from reflow a JPG or PDFs. You would have to screenshot the html in each of its form factors
•          You cannot actually design in Reflow, only add divs, text boxes, optimized images, form elements, etc…
Maybe someone can comment on my cons?
Thanks,
David

Hey smartcookie media, some thoughts, also love to get more of your feedback:
When converting PS to Reflow, it really does a poor job of converting the text positions and dimensions. You almost have to redo it all. It could cause a lot of duplication of work
We'd love to get a PSD from you where this is causing issues. We're actively trying to find users pain points with PS conversion. If there are discrepencies, especially on text, we want to see it. Feel free to email me a PSD at sewalker at adobe dot com. Can just be the text layers, no need for a big huge file.
When converting PS to Reflow, the group / layer structure all gets lost and you must create the DOM structure by grouping objects. This is time consuming and unintuitive
Do you feel like your PSDs are a good representation of the DOM? I feel like when I design in PS, I'm thinking about the DOM, but I know not all designers work that way. So we've been pretty hands off on converting folders from PS into groups. If you could talk a bit more about your specific usage, that'd be cool.
The role of the designer would have to adapt. The designer would have to understand min-width, max width, floating, position absolute/relative, etc. This might be a really big stretch.
Y U NO LIKE CSS? We actually think there is a growing group of designers and developers who all simply work on the web, and CSS is their first priority. But it's all in how Reflow is used, we know we need to let people who begin in PS have a really smooth transition. This kind of goes towards your last point, which I'll get to.
Although the export to html works well. Currently on chrome is supported. Adapting it to IE8 would take considerable time.
Do you require more browser support? What do you need in order to show clients? We've only focussed on webkit browsers at the moment, but with increased interest, we may look to improve that.
The html is not bad, it’s a good starting point, however it is all ID based and there is no reuse of styles by using classes. The html would take a lot of reworking.
The css is not bad, however its really verbose, uses non-essential properties, doesn’t use classes and does not reuse common styles. You may be able to borrow components, but not use it entirely
Yeah, right now we don't support classes. So most of this feedback is around that issue. We've been working on it, but it adds a lot of complexity. The verbose-ness is definitely something we could take a look at, as well as reusibility if only on the exported styles.
If you had to present a static export of the composition to the client, there is currently no way to export as image from reflow a JPG or PDFs. You would have to screenshot the html in each of its form factors
I think you could do it by using Edge Inspect on your devices. That allows taking screen shots.
You cannot actually design in Reflow, only add divs, text boxes, optimized images, form elements, etc…
I actually would challenge this. I've been working in Reflow a lot recently—obviously, I work on it. But I'm actually getting used to designing with the tool. I associate it more to using InDesign, not Photoshop. Obviously I cannot pixel-edit an image, but for layout and styling its getting pretty good, but we still have a ways to go, no doubt.
This is great feedback, thanks for writing it up. We do add this kind of stuff to our back log and it helps us see priorities for users.

Adobe Edge code error

When i try to make a new file it comes up with a error message it says Error creating file, An error when trying to create the file "name.type". The target directory cannot be modified.

Seems like you're creating a file in a project using a system restricted direcrtory (eg. a directory under "Program Files (x86)"). If this is the case, then you need to move the entire project outside of the the system restricted directory.

Lesson for Adobe Edge Animate

Hello Everyone.
OK. Have been doing Edge Lesson's for quite nearly a year now, and wanted to share them with the community.
If you have any request or questions, please feel free to post them to the video links below, or in here, and I will
Try my best to assist you any way that I can.
Edge Animate has really come a long ways, and with the new CC, it has taken on a life of its own.
Look forward to what the future may bring with this awesome Adobe program release.
Wayne Barron
Dark Effects Production
Adding sound to Mouseover event in Adobe Edge Animate
3:42
1
Adobe Edge Animate - Add Sound in Mouseover Event
by darkeffectstv 1,987 viewsIn this video, we will learn how to add sound to a buttons Mouseover event in Adobe Edge Animate.…
Learning how to add sound to Adobe Edge Animate
7:08
2
Adobe Edge Animate Adding Sound to Project
by darkeffectstv 5,031 viewsAdobe Edge Animate Adding Sound to Project…
Remake, as the cursor was not in the last videos.
4:10
3
Adobe Edge Animate - Mirror Text Effects with Wipe On Text (Lesson 3) (Remake)
by darkeffectstv 447 viewsRemake with "Cursor" this time…
Remake, with Cursor
3:49
4
Adobe Edge Animate - Load Background Image (Lesson 3) (remake)
by darkeffectstv 1,050 viewsremake with Cursor, as Cursor was not int he original one.…
2:00
5
Adobe Edge Animate Starting Symbol at certain location
by darkeffectstv 245 viewsIn this quick tip.
We are going to stop a symbol from playing.…
6:53
6
Adobe Edge Animate Animate Logo to show and hide words
by darkeffectstv 418 viewsIn this lesson, we are going to learn how to take an Image (Like a LOGO for a company) and animate it on the screen, and show and hide words.…
5:44
7
Adobe Edge Animate Publish Files and JS Folder
by darkeffectstv 758 viewsIn this lesson, we will guide you through the ins and outs of publishing your site from Adobe Edge Animate, to a web server.…
6:19
8
Adobe Edge Animate Create a Pen and write a Line
by darkeffectstv 527 viewsIn this lesson, we are going to create a Pen, then write 2 lines.
This can be used in so many different projects, that it is endless.…
2:34
9
Adobe Edge Animate Rollover Button
by darkeffectstv 2,195 viewsIn this lesson, I will show you how to code a Rollover Button.
This is a very simple and easy way to create a Rollover Button, with very little effort.…
4:06
10
Adobe Edge Animate show Grid to fine tune your Animation
by darkeffectstv 77 viewsHave a lot of Animation in your project?
In this lesson, we are going to show you how to fine tune your animation down to the 30th of a second…
16:49
11
Adobe Edge Animate Create a Menu
by darkeffectstv 4,993 viewsIn this lesson, we are going to be creating an animated interactive menu, that is sure to grab your users attention.…
12:30
12
Adobe Edge Animate Menu Slide Down
by darkeffectstv 1,175 viewsIn this lesson, we are going to showing you how to create a Sliding Down Menu.
This was really big a few years ago, a lot of sites had these types of menus…
9:45
13
Adobe Edge Animate Menu Slide In from Left
by darkeffectstv 358 viewsIn this lesson, we are going to be creating a cool little menu that will slide in from the left.
I have never seen one like this before, and thought that I would create one, to see if it would work good,…
4:29
14
Adobe Edge Animate Pin and Timeline Indicator
by darkeffectstv 153 viewsIn this lesson, we are going to go over some basics on how to use the Pin and the timeline indicator. This will come in handy, if you have a big project and you wonder what happened, if something messes up …
16:43
15
Adobe Edge Animate Menu Button Header Footer
by darkeffectstv 905 viewsIn this lesson, we are going to be creating a Menu Button, with a Header and Footer.
This is a cool looking button, that will come in handy for some sites.…
12:56
16
Adobe Edge Animate - Shot Bullet from Gun and hit Wall
by darkeffectstv 110 viewsIn this lesson, we are going to be creating a gun, a bullet, a wall.
We are then going to shot the bullet, out of the gun, and destroy the wall.…
7:44
17
Adobe Edge Animate Menu Rollover Buttons
by darkeffectstv 1,047 viewsIn this lesson we are going to create some Rollover Menu Buttons.…
4:11
18
Adobe Edge Animate - Animate Ball Bounce Squish
by darkeffectstv 172 viewsIn this lesson, we are going to animate a ball, of which is going to bounce on the floor, and once it makes contact with the floor, it is going to squish down, just like a real ball will do.…
6:16
19
Adobe Edge Animate - Change Text when Button is clicked
by darkeffectstv 353 viewsIn this lesson, we are going to learn how to change the text of Textfield, when a button is clicked.
reusing the same Text Element over and over again, keeps the project clean and tidy.…
4:02
20
Adobe Edge Animate - Space Demonstration (Lesson coming soon!)
by darkeffectstv 49 viewsThis is a demonstration of a project that I have been working on for the last few days. This will be turned into a lesson, that will be available within the next week or so…
21:37
21
Adobe Edge Animate - Lesson 1 Space Project
by darkeffectstv 87 viewsAdobe Edge Animate space project, showing how to rotate elements around a centered element. Also, how to reuse the same text element over again…
9:32
22
Adobe Edge Animate - lesson 2 Display Planet Information using single text element
by darkeffectstv 61 viewsview lesson #1 first:
http://youtu.be/16GOY1QOD_…
1:39
23
Adobe Edge Animate - Open Link
by darkeffectstv 227 viewsIn this quick how to lesson.
We are going to create a link on Adobe Edge Animate.…
2:31
24
Adobe Edge Animate - Add Sound in MouseOut Event Part II
by darkeffectstv 192 viewsThis is a follow up to a previous lesson.
Please view the following lesson to catch up to what this is all about…
1:28
25

Here are 2 video using "Edge Hero"
Adobe Edge Animate - Edge Hero Lesson 1 - 3d Objects
by darkeffectstv 107 viewsIn this lesson, we are going to be working with a new plugin for Edge Animate called
Edge Hero…
6:55
2
Adobe Edge Animate CC Lesson #2 - Loading Video with Edge Hero
by darkeffectstv 40 viewsIn this lesson, we are going to load some video into our edge project using Edge Her…
And this is the latest video for Edge Animate CC
Adobe Edge Animate CC - Lesson #3 - Animate ball bouncing on boxes and changing colors
http://youtu.be/MxxpQspBpcw

Moving from Flash to Adobe Edge - concerns

Lets Design makes flash banners for some of our clients (we also make flash games).
We'd like to shft toward html5 animated banners. As a business we do not wish to take a risk and jump to using Adobe Edge / HTML5 if it's deemed too risky. I would like to know if anyone has any reasons for us not to do this shift?
I would also like to know of this communities opinions on the following:
1. Their is a post on Adobe Edge examples. Inside this thread are a number of links to peoples examples. A vast majority point to 404 pages and to pages that take an age to load. Should this slow loading example pages be of concern to us and subsequently our clients?
2. What are the best graphic formats to use for Adobe Edge. I'd like to start using SVG, yet Adobe seems to have a lack of integration between software packages. Where do you create vector SVG and does it form part of a good workflow with Adobe Edge?
If not, what is the best method for Vector graphics, it seems Edge haas it's issues with dealing with vector?
3. Does it support sound yet?
4. What programming can go alongside the animations. Javascript?
How deep can you program the animations, can you make games?
5. If you were to recommend a rival software to Adobe Edge, what would be the best alternative?
Is it better?
6. If you could say 1 really bad thing about Adobe Edge, what would it be?
7. How steep is the learning curve for someone who animates in flash?
I welcome any answers and help you can give me, even just to answer 1 of the questions.
Thanks and best regards,
David
http://www.letsdesign.co.uk

Hi there,
I'm not sure what page you are talking about that has 404 errors on the examples. The Edge Animate Showcase can be found in the link below which has examples of Edge Animate that all work and load perfectly fine for me:
http://html.adobe.com/edge/animate/showcase.html
There's all different options for graphics/image formats for Edge Animate. Ultimately it's up to you and what you want to deliver for your audience, but the link below points to an article written to explain all of the different image types and what their pros/cons are, as well as talks about best practices for images in Edge Animate:
http://helpx.adobe.com/content/help/en/edge-animate/kb/best-practices-graphics-edge-animat e.html?promoid=KBHBC
There is a way to add sound in Edge Animate, however it is all dependent upon the browser's support of audio. This thread below will point you in the right direction on code examples to add sound to your file:
http://forums.adobe.com/message/4736869
The programming that Edge Animate supports is Javascript, CSS3, and HTML5. Many users have made games using Edge Animate, and you can find links to examples of these in the Edge Animate Showcase link that I posted above.
At this time there really isn't anything quite like Edge Animate with it's tools and smooth integration into the rest of the Adobe Creative Suite. My suggestion to find rival software is to search on a search engine for HTML5 software.
The learning curve for Edge Animate for Flash users is minimal. Coming from Flash myself, it only took a couple of days for me to pick up the interface and functionality of Edge Animate. Below is a link to the getting started tutorials on Edge Animate:
http://helpx.adobe.com/edge-animate/topics.html
I hope this helps! I know some of these answers are a little vague but my only suggestion is to try out Edge Animate for yourself and see if it's right for you. I know I fell in love with it as soon as I started using it. : )

Is Adobe Edge Code ready for day-to-day use?

Similar Messages

Maybe you are looking for