Flash/HTML best practice

What's the recommended method for inserting Flash on a web
page? (to work
in
Mozilla, IE etc)
I'm on DW8, but the code it generates doesn't validate. My
current
test page is at
http://blastoff.kpdirection.com/playertest.php
(Warning - it
plays music as soon as you go to the page. It won't on the
live site, I
promise.... )
I could make it validate to xhtml strict, but before I spend
time doing
that, I'd like to know which method of inserting Flash on web
pages is
currently best practice.
Thanks in advance.
Pete.
Peter Connolly
http://www.kpdirection.com
Utah

No, your code it's not valid in
http://validator.w3.org/
You can use swfobject
http://code.google.com/p/swfobject/
Hope this helps
PeteC escribió:
> What's the recommended method for inserting Flash on a
web page? (to work
> in
> Mozilla, IE etc)
>
> I'm on DW8, but the code it generates doesn't validate.
My current
> test page is at
http://blastoff.kpdirection.com/playertest.php
(Warning - it
> plays music as soon as you go to the page. It won't on
the live site, I
> promise.... )
>
> I could make it validate to xhtml strict, but before I
spend time doing
> that, I'd like to know which method of inserting Flash
on web pages is
> currently best practice.
>
> Thanks in advance.
>
> Pete.

Similar Messages

Flash prospectus - best practice?

Hello all,
I'm currently pitching to put together a 110 page Flash based
prospectus for a local college. The finished result will be made
available online, and also via CD-ROM.
The layout of the pages will be very consistent in terms of
what elements appear where, only the text content and relevant
imagery will change from spread to spread.
The smart solution would seem to be a template, into which
the content is dynamically loaded as the user navigates, possibly
from xml files. In this way amendments could be made directly to
the xml, each page could be populated by a set of scripts, and I
wouldn't be left with a huge and unwieldy Flash document full of
static content.
Assuming I could make this work, what are the implications
when it comes to delivering the same solution on CD-ROM?
Thanks

>>Assuming I could make this work, what are the
implications when it comes
>>to
delivering the same solution on CD-ROM?
None that I can think of. It should all just work, and it
sounds like you've
got a good handle on it.
Dave -
www.offroadfire.com
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

Best practice to embed flex application in html

Hello guys
I am not sure what's the best practice to embed the flex application. We couldn't use html code in flex builder. Would you guys edit the html files via other tools to embed the swf file after the application is completed or there are other ways to do it. Thanks for the reply.

Hi Jerry,
Why you couldn't use the html code generated in flex builder. In the html wrapper file generated in FlexBuilder you have SWF embed code directly along with the Flash Player detection javascript code...If your users don't have the FlashPlayer installed or if they don't have the latest Flash Player version installed then the application will prompt the users to install the latest Flash player plugin..
What's the problem that you have got by using the html wrapper file generated in FlexBuilder..
Thanks,
Bhasker Chari

Flash Alternative Content ~ Best Practice ~ Safari on iOS Devices ~ iPad iPhone iPod Touch

Hi Folks,
Is there a documented best practice for providing alternate content for Flash in Safari on iOS devices?
I am getting white space where my Flash animation would normally appear, and management is displeased. I need to display alternative content in this space. I'm hopeful that Adobe has published a best practice for how to accomplish this.
tyvm
Keith

Not sure about Adobe official stance but they have started using swfobject Flash detection to place Flash <objects> on the Web page. The problem I see with the Adobe implementation is that about the only alternate content they recommend is "Click here to download the latest version of Flash player".
That is about the lamest alternate content you could possibly imagine! Just because you recommend that your viewers download the new version.... doesn't mean they will... so they still go without REAL alternate content.
A MUCH BETTER use of swfobject is to actually provide alternate content! For your review::
If you think that Flash is somehow bad for SEO, it's time to dispell that MYTH!
If fact, in some circumstances I'll use Flash INSTEAD of just HTML because then I'll have better SEO than with just HTML alone.
http://www.worldbarefootcenter.com/
The link to World Barefoot Center in the above post is just one example. View the source code and you see a couple paragraphs of text along with regular HTML links.... but what displays is the Flash version of the image and Flash links.
The client provided the artwork for the page... and that's what they wanted to use a .jpg image. Well yes, that could be done in HTML but it would be virtually invisible to Google. So Instead I converted the image into a Flash .swf and used swfobject to display the Flash. swfobject allows you to create alternate content inside the <div> which also holds the Flash .swf, then when the page is loaded it detects if the browser has the Flash pluggin. If it does, it displays just the Flash content, if not, it displays the alternate content. Since almost everyone has the Flash pluggin, for most people the Flash version of the <div> will display.
The alternate content for that <div> can be any regular HTML text, images, media player, links, etc., anything that you would use if you were not using the Flash. Now the best part is that the alternate content can be "over the top" as far as optimizing for SEO, since it will not be seen by most viewers.
Here's another example of SEO with Flash.. again, the page is just a single image provided by the client:
http://www.ksowetsuits.com/
View the source code. The alt content is paragraph after paragraph of information about the site, including lists and links. If it was just the HTML, it might be kind of a boring Home page. But for SEO I can go "over the top" in promoting the site, since most viewers will never see that part... but it's all indexed by search engines. The end result is BETTER SEO using Flash than just HTML.
On another Web site, a Flash video is displayed, the alt content is the complete text narration of the video. Now how many people would take the time to read that if they could just watch the video instead?? again, better SEO with Flash than without. In fact in one case we had first page search result from that video narration within 4 hours of posting the page.
On still another site with a Flash video, the alt content is another video, but a .mov version, which will, in effect play Flash video on the iPhone (not possible you say??). Well since the iPhone does not have Flash pluggin, it simply displays the .mov version of the video, while everyione else sees the Flash version.
So anyway, if Flash is a part of your Web development, you should look into using swfobject and alternate content.
http://code.google.com/p/swfobject/
Best wishes,
Eye for Video
www.cidigitalmedia.com
So it is and has been for a number of years now, very easy to provide alternate content for non Flash devices... and that includes text, images, and video.
Best wishes,
Adninjastrator

Best Practice For Referencing JPEG Path Using Servlets To Prepare HTML IMG

I am migrating a legacy app from Tomcat 5 to Weblogic 11g (10.3). In the legacy app, servlets write HTML that uses relative paths for <IMG src="../images/img.jpeg"> and <script src="../javascript/js.js">. The app is deployed as an exploded archive. Unfortunately, none of the images or script are being loaded. I've tried using http://serverIP:portNum/contextName/images/img.jpeg"> but it doesn't work. I've also checked to get the name of the context in the servlet and it's the root context. Could it have something to do with me having to append .war onto the application when I deploy it? Would it help if I deployed it as a war inside an ear? Basically, I want some best practices for doing this on Weblogic 11g. There are a lot of images and javascript and I'm really hoping they don't have to be inserted using ClassLoader.getResourceAsStream()... thank you.

Best Practice:
1. Move Static files like images, css, java scripts to a web server infrastructure if available.
2. If this is not your case, then please send your directory information how you have packaged your EAR. I can advice :)

Best practice for putting together scenes in a Flash project?

Hi, I'm currently working on a flash project with the following characteristics:
using a PC
2048x1080 pixels
30 fps
One audio file that plays (once) continuously across the whole project
there are actions that relate to the audio, so the timing is important
at least 10 scenes
about 7 minutes long total
current intent is for it to be played in a modern theater as a surprise
What is the best practice for working on this project and then compiling it together?
Do it all in one project file?
Split the work into different project (xfl) files for each scene and then put it together when all the scenes are finalized?
Use one project file but create different "scenes" for each respective scene? I think this is the "classic" way (?).
Make the scenes "movie clips" and then insert them into the timeline with the audio as its own layer?
Other?
I'm currently working on it by having it all in one project file. But I've noticed that there's some lag (or it gets choppy) at certain parts during playback and the SWF history shows 3.1 MB with a yellow triangle with exclamation point symbol. Thanks in advance.

you would only do that if it makes your job easier. generally speaking, it would not.
when trying to sync sound and animation i think most authors find it easiest to use graphic symbols because you can see their animation when scrubbing the main timeline. with movieclips you only see their animation when testing.
however, if you're going to use actionscript to control some of your symbols, those symbols should be movieclips.

HTML photo gallery best practices

Dear Common Wisdom:
I have seen a number of variations with regards to types of HTML photo/image galleries within folio files out there.
Is a best practice materializing in anyone's opinion?
Thanks for your thoughts!
CJ

Thanks, Yellow,
I want to make a photo gallery, but have not yet.
So far, I am simply creating a single HTML page for individual images or photos in my articles. That is, in-app browser opens to the image with a caption. That's it.
So, I am hoping to get ideas for the future from reposnses here.
Do you have any examples of what you've done I could see?
I am not a professional code writer, but do understand xml and html.
Again, thanks for responding!
CJ

HTML and CSS Best Practices for Eloqua?

Hello Topliners Community,
My name is Ben and I am a Web Designer. I am currently looking for any guidance on HTML and CSS best practices when working with Eloqua. I am interested in the best practices for e-mail and landing pages.
Thank you,
Ben

Personally I like to upload my custom created html/css into Eloqua instead of using the WYSIWYG.
But if you must then right clicking on text boxes and click edit source is the way to go.
There was a good discussion on editing your forms with CSS:
Energize Your Eloqua10 Forms with CSS
created by Ryan Wheler on Nov 2, 2012 8:44 AM, last modified by Greg Stotler on Sep 19, 2013 2:00 PM
Version 2
CSS can be used to heavily customize the layout of forms in Eloqua10. In this article we will provide sample cover some common formatting use cases on Eloqua10 Landing Pages. Further details about uses of CSS in Eloqua10 form templates can be found here: EE12 - Do It - Eloqua - Energize E10 Forms
Eloqua10 Forms HTML Structure
Below is an outline of the structure of the HTML generated by Eloqua when a form is added to a landing page. By targeting the HTML classes highlighted below, we can control the layout of any form on your landing page.
For the rest of page: http://topliners.eloqua.com/docs/DOC-3015

Best Practices? Rendering to Flash for streaming web....

I am always impressed with the flash based videos I see streaming on YouTube, FastCompany.Tv and other sites....
My question... can you please either explain or point me in the right direction for streaming video best practices? Specifically, I am looking for info on best settings to produce the flash video (codecs and/or FCP render settings) and then what do people use as a flash player on their websites to show the end result.
My goal is to create internal instructional videos for corporate training and then host them on my site (or streaming from Akamai). I would like people to be able to watch it in a flash player embedded on my site (and have it look good even if they click on a full screen button) or download to their iPod.
Examples of what I like, but I don't know how to do:
http://www.fastcompany.tv/video/getting-government-work
Thank you in advance for your expertise and insight.
-Steven

I would like people to be able to watch it in a flash player embedded on my site (and have it look good even if they click on a full screen button) or download to their iPod.
Use the H.264 setting for iPod in Compressor. The h.264 file will play in a JW Flash Player and it's able to be downloaded for iPod viewing.

Best Practices: Flash Player 10.1 and Flash Lite 4

I've found the documentation for Flash Lite 4. It appears to support most everything you'd want to do in AS3, aside from some desktop-specific APIs like Clipboard, File, ContextualMenu, etc..
I've also noticed that there's a Flash Lite 4 compile target in Flash CS5. Would it be considered a best-practice to target Flash Lite 4 instead of Flash Player 10 for web content? (Obviously, desktoppy web apps would still need to be compiled for 10).

TJ,
Thanks for your great feedback and your kind words. I'll certainly be making sure the team sees your comments, though I can't say we'll have 10.1 in place for you by Monday.
Thanks
-D

Flash Lite Server Redirect - best practice?

Hey all,
I work in a small creative department in Japan, and we are
starting to take orders for mobile Flash apps. We have, until
recently, only done inline Flash movies, but I've been put in
charge of our first full-Flash app. The only thing I'm not clear on
is this: How should I implement the switch on the server side that
a) redirects people trying to get to the content from a PC to a PC
page; and b) keeps people from being able to access the content
directly so they can download and decompile the Flash file?
Capcom, for example, is doing an excellent job at this, and
even if I spoof the server with a mobile user-agent, I still can't
get the mobile content to come up on my PC.
Anyway, I was hoping maybe somebody would know something
about this and would be able to advise on best practices: PHP?
.htaccess? JavaScript redirects? Also how do you hide the content
(no need to type up an example script - but what are the key
parameters that I should be testing against)?
Thanks in advance!
Ryoma

Kunerilite is free, but you can install only one sis
application at a time, for the Basic version.
Yeah, it does have plugins, etc, but then comes the pain,
register at symbiansigned, UID, etc.
For the simple choice and for a quick sis, nothing fancy,
swf2go might be good.
At least this is my initial thought. Haven't tested
yet.

Building complex flash game in Flash Builder 4 - Workflow/Best Practices

I'm investigating switching to Flash Builder 4 for building a complex game that currently lives purely inside Flash CS4. CS4 is a pretty terrible source code editor and debugger. It's also quite unstable. Many crashes caused by bad behavior in the SWF will take out the entire IDE so are almost impossible to debug. And I've heard other horror stories. To be clear, for this project I'm not interested in the Flex API, just the IDE.
Surprisingly, it seems Flash Builder 4 isn't really set up for this type of development. I was hoping for an "Import FLA" option that would import my Document Class, set it as the main entry point, and figure out where other assets live and construct a new project. What is the best workflow for developing a project like this?
What I tried:
-Create a new Actionscript Project in the same directory where my CS4 lives
-Set the primary source file to match the original project's source file and location
-Set my main FLA as "export to SWC", and added "SWC PATH" to my flash builder 4 project.
-Compile and run.. received many errors due to references to stage instance. I changed these to GetChildByName("stagename"). Instead, should I declare them as members of the main class? (this would mimic what flash CS4 does).
-My project already streams in several external SWF's. I set these to "Export SWC" to get compile-time access to classes and varaibles. This works fine in cs4, the loaded SWF's behave as if they were in the native project. Is the same recommended with FB4?
-Should I also be setting the primary FLA as "export to swc"? If not, how do I reference it from flex, and how does flex know which fla it should construct the main stage with?
Problems:
-I'm getting a crash inside a class that is compiled in one of the external SWF's (with SWC). I cannot see source code for the stack inside this class at all. I CAN see member variables of the class, so symbol information exists. And I do see the stack with correct function names. I even see local variables and function parameters in the watch window! But no source. Is this a known bug, or "by design"? Is there a workaround? The class is compiled into the main project, but I still cannot see source. If FLEX doesn't support source level debugging of SWC's, then it's pretty useless to me. The project cannot live as a single SWF. It needs to be streaming and modular for performance and also work flow. I can see source just fine when debugging the exact same SWC/SWF through CS4.
-What is the expected workflow with artists/designers working on the project? Currently they just have access to all the latest source, and to test changes they run right through flash. Will they be required to license Flash Builder as well so they can test changes? Or should I be distributing the main "engine" as a SWF, and having it reference other SWF files that artists can work on? They they compile their SWF in CS4, and to test the game, they can load the SWF I distribute.
A whitepaper on this would be awesome, since I think a lot of folks are trying to go this direction. I spent a long time searching the web and there is quite a bit of confusion on this issue, and various hacks/tricks to make things work. Most of the information is stale from old releases (AS2!).
If a clean workflow I would happily adopt Flash Builder 4 as the new development tool for all the programmers. It's a really impressive IDE with solid performance, functional intellisense, a rich and configurable interface, a responsive debugger..I could go on and on. One request is shipping with "visual studio keyboard layout" for us C++ nerds.
Thanks very much for reading this novel!

Flash builder debugging is a go! Boy, I feel a bit stupid, you nailed the problem Jason - I didn't have "Permit Debugging set". I didn't catch it because debugging worked fine in CS4 because, well, CS4 doesn't obey this flag, even for externally loaded SWF files (I think as long as it has direct access to the SWC). Ugh.
I can now run my entire, multi SWF, complex project through FB with minimal changes. One question I do have:
In order to instantiate stage instances and call the constructor of the document class, I currently load the SWF file with LoaderContext. I'm not even exporting an SWC for the main FLA (though I may, to get better intellisense). Is this the correct way of doing it? Or should I be using , or some other method to pull it into flex? They seem to do the same thing.
The one awful part about this workflow is that since almost all of my code is currently tied to symbols, and lives in the SWF, any change i make to code must first be recompiled in CS4, then I have to switch back to FB. I'm going to over time restructure the whole code base to remove the dependency of having library symbols derive from my own custom classes. It's just a terrible work flow for both programmers and artists alike. CS5 will make this better, but still not great. Having a clean code base and abstracted away assets that hold no dependencies on the code seems like the way to go with flash. Realistically, in a complex project, artists/designers don't know how to correctly set up symbols to drive from classes anyway, it must be done by a programmer. This will allow for tighter error checking and less guess work. Any thoughts on this?
Would love to beta test CS5 FYI seeing as it solves some of these issues.
Date: Thu, 21 Jan 2010 15:06:07 -0700
From: [email protected]
To: [email protected]
Subject: Building complex flash game in Flash Builder 4 - Workflow/Best Practices
How are you launching the debug session from Flash Builder? Which SWF are you pointing to?
Here's what I did:
1) I imported your project (File > Import > General > Existing project...)
2) Create a launch configuration (Run > Debug Configuration) as a Web Application pointing to the FlexSwcBug project
3) In the launch config, under "URL or path to launch" I unchecked "use default" and selected the SWF you built (I assume from Flash Pro C:\Users\labuser\Documents\FLAs\FlexSwcBug\FlexSwcBugCopy\src\AdobeBugExample_M ain.swf)
4) Running that SWF, I get a warning "SWF Not Compiled for Debugging"
5) No problem here. I opened Flash Professional to re-publish the SWF with "Permit debugging" on
6) Back In Flash Builder, I re-ran my launch configuration and I hit the breakpoint just fine
It's possible that you launched the wrong SWF here. It looks like you setup DocumentClass as a runnable application. This creates a DocumentClass.swf in the bin-debug folder and by default, that's what Flash Builder will create a run config for. That's not the SWF you want.
In AdobeBugExample_Main.swc, I don't see where classCrashExternal is defined. I see that classCrashMainExample is the class and symbol name for the blue pentagon. Flash Builder reads the SWC fine for me. I'm able to get code hinting for both classes in the SWC.
Jason San Jose
Quality Engineer, Flash Builder
>

Flash`s Best Tweening/Animating Practices

Hi there (again),
Looking for best practices over the net I found only some obvious things such as organize your library, layers, frames, one layer for actions only and these kind of things.
What I want to know is something more... I don`t know, advanced, maybe?
Here is my context: I`m learning ActionsScript 3.0 now and with it Flash too. However I did already know the basics of Flash animation (tweening, creating buttons with gotoAndPlay functions and so on). Earlier I used to make some simple animation sites which didn`t use actionscripting (just stop, play, gotoAndPlay/Stop and that basic stuff).
Now I`m learning actionscript and I find myself in a completly new world on which I can make animations without needing the timeline that was the fundamental part of my earlier knowledge.
I ended up finding the TweenLite opensource library ( http://blog.greensock.com/tweenliteas3/ ) and now I even more end up making animations through actionscripting.
Now I find myself in doubt of when I should use frame animations and actionscript animations.
Let me give you an example.
Making site with between sections animations (something like fade out to leave a section and fade in other one). When you click a button you need to fadeout the current section and fade in the other one.
Well, usually I wouldn`t know how to do this. Now I know 2 ways (lol).
Method 1 (using frames): For each section I have a fadeIn animation (frames: x until x+10 with a stop() at the end) and a fadeOut (x+11 until x+21 with a gotoAndPlay(nextSection).
This way, when I click in a button I just change the nectSection string and run the play() command.
If I`m in a section it means it is stopped at the end of the FadeIn parte. Clicking a button will execute play() command and will show the fadeout animation. When it gets to the last frame it will go to the next section fade in frame.
If I`m in the middle of an animation the play() command wont disturb the animation. Only the nextSection will be updated. Keeping the site smooth.
Method 2(using actionscript): Here it isn`t important how do I do this since you can do it in many ways. But it is important to know that I can make it with 1 keyframe in the timeline. Can make it with coding only.
Can you guys see what I`m trying to explain? I just don`t know what is the best way to make my site with lots of buttons rollin rollout animations, sections, subsections and everything else since I can make frame animations and coding animations.
Is there any best practice for this ?
Thanks again,
Oscar

There are no tips relating this subject?
Thanks

What is the best practices workflow from illustrator to flash in cs 6?

Hello- question from an illustrator to flash workflow n00b.
I'm creating a flash experience with animated characters.
I'm building my art assets in illustrator.
I've found it relatively easy & straightforward to import assets from illustrator into flash.
I can conveniently import my layers and symbols from illustrator as separate layers and symbols in flash and manipulate them.
However, let's say after import I want to change something with an asset using illustrator. For example, I have a character with facial features, including eyes. I want to change the eyes in illustrator and have those changes then be propogated in some way- automagically or manually- in flash.
What is the right way to do this? Are there best practices for being able to go back and forth between flash and illustrator?
Thank you!
~ sae

Thanks for the reply Suhas.
I guess the answer to my question is that there is no good way. In the photoshop/illustrator workflow, I can paste a document from illustrator into photoshop and then double-click it in photoshop to open it back up in illustrator and edit the original. I have seen posts on people doing this between Flash and Illustrator with the now-discontinued Flash Catalyst- a process that was apparently called round-tripping. Ideally, this is the functionality I'd like to have between Flash and Illustrator but I take it from your reply that the answer is 'Does not exist.'
~ sae

What is the best practice in securing deployed source files

hi guys,
Just yesterday, I developed a simple image cropper using ajax
and flash. After compiling the package, I notice the
package/installer delivers the same exact source files as in
developed to the installed folder.
This doesnt concern me much at first, but coming to think of
it. This question keeps coming out of my head.
"What is the best practice in securing deployed source
files?"
How do we secure application installed source files from
being tampered. Especially, when it comes to tampering of the
source files after it's been installed. E.g. modifying spraydata.js
files for example can be done easily with an editor.

Hi,
You could compute a SHA or MD5 hash of your source files on
first run and save these hashes to EncryptedLocalStore.
On startup, recompute and verify. (This, of course, fails to
address when the main app's swf / swc / html itself is
decompiled)

Flash/HTML best practice

Similar Messages

Maybe you are looking for