Flash and html hybrid.

[Captain Jack]

I saw this template and was really impressed with it:

http://www.templarts.com/kit-graphique/science/21352FR.html

However, the template is a complete Flash site, and due to efficiency and speed issues, i would require the following things:

1. The buttons and hyperlinks to be in flash

2. The banner be in flash ( or animated ).

3. The rest of the contents be simple html/css.

Is this design feasible? Also, i would like to know the quickest/easiest way of creating those hyperlinks menus(software or any online tool).

[Cupcakes]

Any flash website can be recreated entirely in HTML and CSS3. As far as the main nav effects, you'll probably want to look into jQuery and look through plugins to get it just how you want it.

Now for the design itself.. it's pretty outdated, something I'd have expected from 2002-05. Take a look at themeforest perhaps?

[Kudos Veteran]

I'd also recommend taking a look at Themeforest (and using as little Flash as possible).

[+Nik Louch Subscriber²]

1. The buttons and hyperlinks to be in flash

Wow, really? Why?

The template represents nothing that cannot be achieved equally well in HTML and jQuery. And as such you would reach a larger audience and keep it accessible.

But I'd argue that the over-use of animation makes the site look dated and cheap - rather keep the style of the navigation but tone down the animation (again using HTML and jQuery).

[neoraptor]

Any flash website can be recreated entirely in HTML and CSS3. As far as the main nav effects, you'll probably want to look into jQuery and look through plugins to get it just how you want it.

Now for the design itself.. it's pretty outdated, something I'd have expected from 2002-05. Take a look at themeforest perhaps?

You are kidding right? Get this done with html/css3 (which by the way is not supported in IE which is the most used browser)

http://thinkingspace.economist.com/ or

http://www.infiniteturtles.co.uk/projects/away3d/demos/hacienda/BSPImportTest.html or whatever 3d demos you can find.

On the topic, do it enterely in html/css (not 3)/javascript

[Cupcakes]

You are kidding right? Get this done with html/css3 (which by the way is not supported in IE which is the most used browser)

http://thinkingspace.economist.com/ or

http://www.infiniteturtles.co.uk/projects/away3d/demos/hacienda/BSPImportTest.html or whatever 3d demos you can find.

On the topic, do it enterely in html/css (not 3)/javascript

LOL I should say the same to you "Are you f'n kidding me?"

For what it's worth, CSS3 ~is~ supported in IE9 and using other methods can be "supported" in lower versions. If you're going to make a rather facetious comment about me kidding, why not do some research first. Kthx.

While it's not full support, you do have some basic CSS3 support for text-shadow, border-radius, and box shadow.

http://aext.net/2010/04/css3-ie-support/

Oh and in case you don't stay up-to-date with CSS3 and it's support in browser, I can help:

http://www.css3.info/microsoft-announces-css3-support-for-internet-explorer-9-ie9/

http://mashable.com/2010/03/16/ie9-preview/

http://msdn.microsoft.com/en-us/ie/ff468705.aspx#_CSS3

[neoraptor]

LOL I should say the same to you "Are you f'n kidding me?"

For what it's worth, CSS3 ~is~ supported in IE9 and using other methods can be "supported" in lower versions. If you're going to make a rather facetious comment about me kidding, why not do some research first. Kthx.

While it's not full support, you do have some basic CSS3 support for text-shadow, border-radius, and box shadow.

http://aext.net/2010/04/css3-ie-support/

Oh and in case you don't stay up-to-date with CSS3 and it's support in browser, I can help:

http://www.css3.info/microsoft-announces-css3-support-for-internet-explorer-9-ie9/

http://mashable.com/2010/03/16/ie9-preview/

http://msdn.microsoft.com/en-us/ie/ff468705.aspx#_CSS3

Oh yeah (text-shadow, border-radius, and box shadow) extends CSS to all flash content. Man I've been writing html/css/js and doing flash for 10+ years so i know what I'm talking. You can not go to a client and say - hey I'll do you a great site that will work in 20% of the browsers and will look like crap in others. I don't want to start another flame war on that. In the topic's author case it is best to use html/css/js but please don't summarize that "Any flash website can be recreated entirely in HTML and CSS3" i just gave you two websites you can not do even with current 3d transformations in webkit.

[+Nik Louch Subscriber²]

Any flash website can be recreated entirely in HTML and CSS3

100% disagree with the quote, 100% agree with your assumed sentiment.

Yes, CSS3 + jQuery can replace a lot of the frills that Flash brings us, and can also surpass some of what Flash is useful for...

But 100%? Come on, not even remotely true.

However, with the examples the dude above gave - no reason for such weird interfaces! As such, they don't represent "your average website" to me, and do not figure into the argument. That said, I bet you could make a damned good replica in CSS3 + HTML. But then it would be less cross-browser compliant. And then, then again, Flash is a plugin...

[neoraptor]

Examples were given just to show the big gap between flash vs css3/js/html current state. Those interfaces are impossible to be done in css3/js way since there is not enough horsepower in those (you can check mrdoob's 3d experiments http://mrdoob.com/lab/javascript/three/particles/random.html == 9fps)

[Cupcakes]

Any flash website can be recreated entirely in HTML and CSS3" i just gave you two websites you can not do even with current 3d transformations in webkit.

I should state: Any flash website that can be static content, can rendered entirely in HTML(5)/CSS3/JS.

Your "examples" of 3D animation--where does that fit in with a website? That's all fine and dandy to utilize in flash but I fail to see how that example disproves my comment about "any flash website."

Where in that screenshot do you see anything that can't be replicated with HTML/CSS (or HTML5/CSS3)?

You can not go to a client and say - hey I'll do you a great site that will work in 20% of the browsers and will look like crap in others. I don't want to start another flame war on that.

If you've been doing this for so long, then you'd know that just because you can create a compliant HTML5/CSS3 website for current browsers, doesn't mean it'll "look like crap in others."

To me that just says you don't know much about developing websites to be cross-browser compatible..

100% disagree with the quote, 100% agree with your assumed sentiment.

Yes, CSS3 + jQuery can replace a lot of the frills that Flash brings us, and can also surpass some of what Flash is useful for...

But 100%? Come on, not even remotely true.

I think you're just taking that comment I made out of context. Obviously there will be elements that are going to require another form of "animation" so to speak. But the entire website? No reason for an entire website to be entirely made of flash. Interactive graphics? When would graphics be remade with front end code? Never.

Like this example: http://ts3.trefl.com/

The only thing that's in flash is the interactive graphic for Toy Story 3 but otherwise the rest of the site is 100% HTML/CSS. That's what my comment you quoted is referencing.

or: http://www.bmw.com/

The splash page only has the animated header in flash. The rest of the options are HTML/CSS.

http://www.bmwusa.com/Default.aspx

Again, same concept here.. Although they're using a carousel that could easily be replaced by jQuery (or any other library).

There will be some flash websites out there that people have gone nuts with various sound effects, visual effects and other bloat that it would not fit within the scope of the "every website" comment I made. But as far as "most" other flash based, damn near 100% give or take! :p