Adobe EDGE Newsletter

March 2011
http://direct.adobe.com/v?xncHWvnEJHPcqvWqll

you can do anything if you put your mind to it....consider the symbolism of snakes for example....
http://wiki.answers.com/Q/What_does_the_medical_symbol_with_snakes_around_a_staff_represen t
Asclepius, the son of Apollo and Koronis, learned the secrets of keeping death at bay after observing one serpent bringing another (which Asclepius himself had fatally wounded) healing herbs.
ps...how come so many of the modern sculptures have no heads ??? is it because modern artists try to emulate classical artists but were never told on art school that the reason the old stuff didnt have heads was cause of an earthquake or somethin ??? not done on purpose , is what im thinking....i would rather see statues with heads .... mine would be nice....( get famous )

Similar Messages

Adobe EDGE click-through example problems

I was just reading through Jim Babbage's recent Adobe EDGE
article "How to create a click-through mock-up
with Adobe Fireworks CS3" (thanks Jim!) and ran into two
weird problems with the mockup_final.png file that comes in the
tutorial's ZIP file. Has anyone else encountered these?
(1) I cannot save the file after making even a single minor
change - I get an error message that the file is locked.
(2) When I export the HTML click-through (according to the
instructions), the index.html page looks and acts as expected, and
the image file is 845x700 px. However, the two gallery pages
(europe_gallery and canada_gallery) are tiny and look like
thumbnails (200x166 px) - the hotspots are in the proportionally
correct place, but the pages are miniscule! (At first I thought it
might be a weird Firefox issue resizing the bitmaps, but the actual
JPEGs are this size!)
I'm not sure how or why FW CS3 is exporting a normally sized
page as a very small image. I've shut-down and re-started FW,
downloaded the ZIP file again, and even tried to export before
making *any* changes and after making minor changes to the file.
Every time the canada_gallery and europe_gallery pages export as
200x166 px bitmaps.
Jim, if you're reading this, do you have any ideas or
solutions? (And thanks for all of your contributions to this forum
and other FW groups!)
Dave

dhogue94 wrote:
> I was just reading through Jim Babbage's recent Adobe
EDGE article "How to
> create a click-through mock-up
> with Adobe Fireworks CS3" (thanks Jim!) and ran into two
weird problems with
> the mockup_final.png file that comes in the tutorial's
ZIP file. Has anyone
> else encountered these?
>
> (1) I cannot save the file after making even a single
minor change - I get an
> error message that the file is locked.
>
> (2) When I export the HTML click-through (according to
the instructions), the
> index.html page looks and acts as expected, and the
image file is 845x700 px.
> However, the two gallery pages (europe_gallery and
canada_gallery) are tiny and
> look like thumbnails (200x166 px) - the hotspots are in
the proportionally
> correct place, but the pages are miniscule! (At first I
thought it might be a
> weird Firefox issue resizing the bitmaps, but the actual
JPEGs are this size!)
>
> I'm not sure how or why FW CS3 is exporting a normally
sized page as a very
> small image. I've shut-down and re-started FW,
downloaded the ZIP file again,
> and even tried to export before making *any* changes and
after making minor
> changes to the file. Every time the canada_gallery and
europe_gallery pages
> export as 200x166 px bitmaps.
>
> Jim, if you're reading this, do you have any ideas or
solutions? (And thanks
> for all of your contributions to this forum and other FW
groups!)
>
> Dave
>
>
Just so you know, the files have been updated on the Edge
newsletter, so
feel free to download it again if you like.
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
See my work on Flickr
http://www.flickr.com/photos/jim_babbage/

Adobe Edge Animate CC 2014.1

Hello, do the animation in Adobe Edge Animate CC 2014.1
and faced with a problem, animating picture animation works when you hover over the image and still have the text which also operates and has a different animation, and the problem is if I'm pokartinke mouse and spend the mouse over the text in the image on the animation picture as if jumps and starts with a new one, I want to know how to do so that would be mouse as I had not seen the text of this so I can keep the mouse on the image and animation are normally worked

UPDATE
i have ulpaded 2 animation ( one normal and one Responsive ) in 2 different server here the link
www.eclipseadv.com/maliRP/maliRP.html
Untitled
via SAFARI or CHROME on MAC all OK
but via IPAD ( SAFARI, CHROME and MERCURY) i didn't see the video, just the animation of the BUTTON and the link if i click on it (not in Mercury), like in the content viewer.

Adobe Edge links not working

Yeah I have also experienced links not working when I import my .oam file from Adobe Edge Animate also. Is there anything the Muse team is doing to fix this issue? I need a response from you guys by the end of the week. my company website is malfunctioning due to issues with your software. If there is some sort of hotfix please let us know.

When you install the software illegally, using a volume license, there is a script you can run that will enter all of the adobe servers into your local DNS hosts file so the software can be activated. This makes accessing those domains impossible. This scenario fits the description of your issue, not suggesting anything beyond that.
The hosts file is in /private/etc/hosts and can be accessed through the terminal:
sudo nano /private/etc/hosts
If you see a bunch of adobe servers in there, that is your problem.

Adobe edge animation button not working in muse

Ok so I went and created a button in adobe Edge that when clicked scrolls your browser to the top of the page since I couldn't create what I was looking to do in muse( I can create anchors to bring me to the top of the page but I dont like that i have to relink the button for each page and that clicking on the button acts as a page change so when you click the back button it brings you back down to the bottom of the page vs the previouse page). Anyways the button works perfectly fine when previewing it in adobe Edge but when I bring it into Muse and try to use it the function to bring you to the top of the page stops working, the mouse states still work though so it doesn't seem to be completly broken. Any ideas as to what I'm doing wrong or what I can do to fix this?

I just tried to host it to a temp businesscatalyst site and the .oam file isn't even showing up on the temorary page. Getting more and more confused.

How to use Adobe Edge Web Fonts correctly

I am a Dreamweaver newbie and am trying to learn how to use it through the tutorials. I am stuck at part 3 trying to use Adobe Edge Web Fonts correctly in my web site. As far as I can tell I have followed the instructions in the tutorial correctly, but the font style effect does not show up on my site. I am working on a Windows 7 machine and using Dreamweaver 5.5. I have copied and pasted the javascript into the correct spot in the head of the index.html page as well as included the font-family name in the CSS file and saved the whole smash. The source code for my index page looks exactly like the sample in the tutorial, and I have tried to view my site in my browser, but no dice. Doesn't display the Edge Web Font style in the web page. I believe I've done everything according to the directions, but I suppose I've missed some small detail. Any suggestions greatly appreciated

You need to add a <script> to the head of your documents like the example below. In my example, I'm using all of the aguafina-script and league-gothic fonts.

<script src="//use.edgefonts.net/aguafina-script:n4:all;league-gothic:n4:all.js"></script>
CSS:
     h1 {
     font-family: league-gothic, sans-serif;
     font-weight:bold;
     color: #639;
     font-size: 250%;
A simple way to get the correct codes is to go to Adobe Edge Web Fonts and select the font you wish to use.
https://edgewebfonts.adobe.com/fonts
NOTE: You won't see the custom web fonts displayed in Design View, Live View or when previewed locally unless you use a local testing server. An easier way to test is by uploading the page to your remote server.
Hope this helps,
Nancy O.

How do I use a variation of the font family OPEN SANS in Adobe Edge Web Font?

How do I use a variation of the font family OPEN SANS in Adobe Edge Web Font?
ex:
<scriptsrc="//use.edgefonts.net/open-sans-condensed:n3,i3,n7:all;open-sans:n3,i3,n4,i4,n6, i6,n7,i7,n8,i8:all.js">
How do I use the i3 variation in css?
My css looks like this: font: 16px 'open-sans-condensed';

Thank you.
But I want to use the [i3] variation font.
<scriptsrc="//use.edgefonts.net/open-sans-condensed:n3,i3,n7:all;open-sans:n3,i3,n4,i4,n6, i6,n7,i7,n8,i8:all.js">
Would look like?
CSS Selector {
font-family: open-sans-condensed:i3, sans-serif;
font-size: 16px;

Adobe edge generated text is not editable with dreamweaver or notepad ++ is there a work around?

How can I enable a client to update there text regularly via code editor on their server (not wysiwyg)? Want to be able to update text that was originally generated within Adobe Edge.
Edge appears to convert the text to some kind of symbol, as when the text is changed in notepad++ the actual text content does not change on the finished file, and only the original text is viewable on the browser.
Is there some way to do this?
With flash it was easy to edit a .txt file via text field var - is there something similar with Edge?
been trying to work this out for several months now.
any working examples would be appreciated.
thanks

Hi alayna,
Here's a link to the example file:
https://creative.adobe.com/share/dcbe9fc1-845b-476a-838a-8379f556872e
It's pretty straightforward - it's a .js file containing only variables that gets saved in the same directory as the Edge Animate HTML file:
Then add a script tag to the HTML file generated by EA pointing to the path of the .js file:
Finally, add a handler to the Stage creationComplete event, which sets each text field to a separate variable:
That's all there is to it!
hth,
Joe

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

Lightbox (jQuery Lightbox Evolution) made in Adobe Edge, doesn´t work in Adobe Muse (oam file)

Hi!, I got a problem that I can´t fix it, or I don´t know how to do it in Adobe Muse.
First I have the Jquery Lightbox Evolution ready to do it in Adobe Edge.
I could work the lightbox in Edge perfectly doing this:
1. I added the JS files of the Jquery Lightbox Evolution into EDGE :
2. I wrote this code in STAGE - COMPOSITIONREADY:
yepnope({load: "js/lightbox/themes/classic/jquery.lightbox.css",complete: function() {}});
3. I wrote this CLICK code into the blue box animation;
{$.lightbox("images/4.jpg");return false;};
4. Now, if I do a Preview, and if I click into the blue box animation, appears the Jquery Lightbox Evolution, like I want:
5. Perfect, I publish the project like an Animate Deployment Package (.oam) to import this into Muse.
6. Now the problems begins, I import the Edge animation into my Muse project, but when I see the preview of my page, the lightbox doesn´t work, Muse don´t recognize the lightbox CSS file because I see something like that:
The blue box animation work perfectly into Muse!, but when I click on it and when it should appear the Jquery Lightbox, happens that problem, Muse don´t recognize the CSS file and the "lightbox" appears INTO the box animation, like if I put a "_self" code.
Really I don´t know how to fix that, should import the CSS file into Muse? should write a code into Page Properties- Metadata?, write a code inserting a HTML?, change some code in Adobe Edge?
Thanks!!!!

I´m sorry, but any ideas how to fix that?

Create a animated icon using Adobe Edge...

Hi there, I have never used Adobe Edge but before I install I wanted to know if it could create a animated icon that's looping and that has transparencies...
I have tried animated gifs, but the transparency suck big time...
I have tried APNG but Chrome does not support...
So in my search for solution I found Adobe Edge...
So if it's doable can you guys help me or send me in the right direction...
Thanks...
Ben

Hey Ben,
Of course this is possible but it might be overkill if all you want is an animated icon. Technically you have all you need for this. You can use png if you have images with transparent areas or svg if you prefer. Then you create a loop on timeline.
Let us know if you need a sample.

Convert/save/export Adobe Edge animation as an animated gif?

Does anyone know a way to convert/save/export an Adobe Edge animation file into an animated gif. I've created a simple logo animation and the client now wants it as a animated gif to add to there email signature. Is this possible or an I going to have to recreate it in another programme

Hi resdesign.
Thanks for your comment, this helped. Would be nice if there was a more direct way though, but this has done exactly what I need. Thanks again

How To: Use Visual Studio, IIS Express, and Adobe Edge Inspect to view local projects

You CAN view a Visual Studio project with Adobe Inspect. The work around takes a little bit of time.
This involves using IIS Express to run your Visual Studio project, which is mainly a setting in Visual Studio, a Firewall change, a few command line and IIS Express config change. It isn't actually all that bad, but will make your life A LOT easier.
Here are the steps. (Note these are steps I used for Visual Studio 2012 and your project is part of a solution project. Windows 7 or Windows 8)
1. If IIS in not turned on, turn it on.How to: Enable Internet Information Services (IIS) - this should install IIS Express as well.
2. In Visual Studio, find the port that Visual Studio will be using for your project by Running your web project (Debug), and note/write down/save the port number that shows up in the browser when the project launches. (ex. http://localhost:12345)
3. Add a NetShare Reservation (process for this will be different for Windows XP)
Go to your Command Line (CMD) in Windows and in c:\Windows\system32> type in
netsh http add urlacl url=http://yourIPaddress:yourPortNumber user=everyone
(ex. netsh add urlacl url=http://12.34.56.78:12345 user=everyone)
Hit Enter key. You should be a successful add reservation message
3. Go to your Windows Explorer (File system) and go to c:/Users/YourName/MyDocuments (or Documents)/IISExpress/config/ and open 'applicationhost.config'
In the 'applicationhost.config' file find your site in the <sites> section.
Example:
<sites>
<site name="WebSite1" id="1" serverAutoStart="true">
                <application path="/">
                    <virtualDirectory path="/" physicalPath="C:\MyProjects\TestSite" />
                </application>
                <bindings>
                    <binding protocol="http" bindingInformation=":12345:localhost" />
                </bindings>
            </site>
</sites>
In this section ADD 2 new lines to the <bindings> section. Note add your own IP address and your own Computer Name
<binding protocol="http" bindingInformation="*:12345:12.34.56.78" />
<binding protocol="http" bindingInformation=":12345:MyComputerName" />
Save the config file.
4. Open up your Windows Firewall and go to 'Advanced Settings'. Here you want to create an Inbound Rule.
Right click on Inbound Rule and select New Rule
- Rule Type select 'Custom'
- Program leave this
- Protocol and Ports > Protocol Type select 'TCP' then Local Port select 'Specific Port' and fill in the port number you got from VS. Leave Remote Port alone.
- Scope
There are a few ways of doing this. Typically you would go the the Remote IP address and select 'These IP addresses: and select ADD > select 'Predefined set of computers' and choose Local Subnet. IF this does not work leave Remote IP addresses > Any IP address option selected instead.
- Action leave this
- Profile select Domain and Private
- Name put IISExpressWeb for the name
Select 'Finish'
5. Go to Visual Studio. (Note if you have multiple projects in your solution, choose your start up project. Right click on your project in Solution Explorer in VS and select 'Set as Start Up Project' )
Right click on your start up project again and you should see an option to 'Use IISExpress'
In the DEBUG dropdown (from the main menu bar at the top) select 'YourProjectName Properties'. Mine was the last one in the list with a wrench icon next to it.
This should open an new tab in your project, You should see a left hand list of option and a right hand column of options.
In the left column select 'Web' and in this tab select Use Local IIS Web server and select 'Use IIS Express' and type in your IP Address and port number (same as before) in the Project Url text box.
Save.
NOW, you should be able to run your project in Visual Studio and use Adobe Edge Inspect on your device and view new results in Chrome. You can develop from there.
If you still can not see it working, please be sure your device is on the same SubNet or Wireless network as your computer. If you are in a large network but the domains can still see each other, the Firewall Setting detailed above to allow Any IP Address in your Scope section.

Hi CMosqueda,
Thank you for taking time to share this information with other users.
Thanks,
Preran

How do I use Adobe Edge to get faded header images on my website?

Trying to use Adobe Edge to get faded header images on my website. Was referred to Adobe Edge because it is supposed to be easy for beginners. I was able to upload my images, but then there was no instruction/direction on what to do next. Everything I clicked just brought me somewhere else. I'm a novice who needs help with coding, as everytime I tried adding coding to my page, it messed it up. I would appreciate if someone can tell me what to do after I upload the images.

Yes, Animate. Again, I uploaded the images, but then, I didn't see any directions on what to do next, as I would like fading header images for my website. I understand that it is supposed to generate the code for my website, which is where I need the most help.

Adobe Edge Animate 2014 Can't Start! -- "d3dx9_43.dll" missing. Multiple re-installs same problem. Help?? :(

This is the Dialogue I am presented after every attempt to launch Adobe Edge Animate CC 2014.
"EdgeAnimate.exe - System Error"
"The program can't start because C:\Program Files (x86)\Adobe\Adobe Edge Animate CC 2014\cef\d3dx9_43.dll is missing from your computer. Try reinstalling the program to fix this problem."
I've re-installed Edge Animate several times now, even restarting computer between installs. For whatever reason, whenever Edge Animate is installed, this particular "d3dx9_43.dll" file will not install along with. What can I do? I use Animate frequently enough that this will become an issue if it cannot resolve soon. Please help.

Hi,
It looks like this problem is related to the OS. Found this through Google
http://answers.microsoft.com/en-us/windows/forum/windows_7-gaming/system-error-the-program -cant-start-because/261e2bb5-2e75-e011-8dfc-68b599b31bf5
http://pcsupport.about.com/od/findbyerrormessage/a/d3dx9_43-dll-not-found-missing-error.ht m
Thanks,
Preran

Adobe EDGE Newsletter

Similar Messages

Maybe you are looking for