• 0

Flash and html hybrid.


Question

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).

Link to comment
https://www.neowin.net/forum/topic/906224-flash-and-html-hybrid/
Share on other sites

9 answers to this question

Recommended Posts

  • 0

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?

  • 0
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).

  • 0

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

  • 0

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

  • 0

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.

  • 0
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...

  • 0

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)

  • 0

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."

482248263.jpg

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

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • 1. Define "better". 2. It's still more expensive than equivalent PCs so... And there is not one Windows platform. This is the mistake ALL Apple oriented people make. Apple is one OEM. You could reasonably compare them to one PC OEM, say Dell or HP. But you can't compare them to ALL PC OEMs. Case in point, Apple has NO touch screen MacBooks. No tablet Macs. There are no rugged Macs. The variety of PC OEM design is insane. With Apple, you have... Apple. The problem is that you're starting with Apple as the definition of "good" then filtering out anything that isn't close to an existing Apple product, then trying to homogenise all of those left into a fictional product line and then ignore any innovations to create a minimal feature subset so you can say "See! Apple better!" PS: I was an Apple dev for 17 years and helped develop MacInTalk and disability solutions for Apple - and I have several Mac and MacBooks - so tread very carefully.
    • Major Xbox layoffs may claim South of Midnight developer Compulsion entirely by Pulasthi Ariyasinghe Microsoft has been making major changes in its gaming wing Xbox for a few months now, including the appointment of a new CEO, a large number of leadership changes, and strategy shifts. However, the company is seemingly also looking at initiating a major layoffs wave at Xbox and perhaps even a studio closure. The new report lands from Kotaku, Xbox first-party developer Compulsion Games is being shuttered soon by Microsoft. For those unfamiliar with the studio, it's the team behind Contrast (2013), We Happy Few (2018), and South of Midnight (2025). Its latest game was quite well received, even winning a Peabody Award for its writing. It even received a 9/10 in Neowin's own review, highlighting its engaging storyline, gorgeous world, and curious characters. The studio joined Xbox Game Studios in 2018, just as Microsoft announced it is acquiring Playground Games, Undead Labs, and Ninja Theory. Despite recent listings for new staff roles, according to the new report, Compulsion Games is being closed entirely, with over 90 staff being let go. Kotaku also added that the studio's leadership is in negotiations with Microsoft about this decision, but no official details have been revealed yet. The report lands just as two senior managers of Xbox leave their posts at Microsoft Gaming. Head of Xbox Game Studios Craig Duncan and chief of staff Louise O'Connor originally began their journey in Rare and have been a part of Xbox for over two decades. Dunkan has been responsible for games like Kinect Sports and Sea of Thieves, while O'Connor was primarily working on Rare's Everwild project before its cancelation. If this report about the studio shutdown is accurate, this may just be the start of a major new layoffs wave at Xbox Game Studios. There are also rumors of Arkane Studios being heavily affected. As always, take all these reports with a grain of salt until something official materializes from Microsoft or the studios.
    • The flaw with this analysis is that this laptop has a cellphone CPU in it. In the Intel world, that would be an N150 and those are everywhere, even in low end laptops. You can get an N150 based NUC with 16GB RAM and 256GB-512GB SSD... NOT soldered in... for < $500 Canadian (around US$360). The problem is two fold: tech bloggers/writers on most tech site (like this one, ironically) overvalue Apple and apparently aren't in the same earnings class as most regular people. As a result, we get breathless articles about how everyone needs a folding phone when most people just cannot afford one... or really need one. And we get Apple used as the baseline metric regardless of whether that comparison makes any sense. If Dell or HP released a retail laptop with a cellphone motherboard, you'd be all over them for doing that - but Apple does it and it's genius. I see articles suggesting what Samsung - a company that basically started the foldable phone market and has built them for eight years - needs to do to compete with Apple's unreleased, unspecced and unseen folding phone. Sorry, no - if the Neo (really creative name there BTW - still, better than the Go, the other "creative" product name everyone's using) encourages PC makers to make cellphone laptops using lower end ARM processors, we all lose. It's a step backwards and a capitulation to the fact that semiconductor makers and computer OEMs (and tech bloggers) have totally lost the plot.
    • Everyone should install this extension and ignore games that use AI. https://chromewebstore.google....nnigaaeelfkeomjcngmnh?pli=1 https://addons.mozilla.org/en-US/firefox/addon/ai-warning-for-steam/
  • Recent Achievements

    • One Year In
      ThatGuyOnline earned a badge
      One Year In
    • Week One Done
      Jeroen Wilms earned a badge
      Week One Done
    • Week One Done
      rolfus earned a badge
      Week One Done
    • One Month Later
      Leroy Jethro Gibbs earned a badge
      One Month Later
    • Conversation Starter
      flexorcist earned a badge
      Conversation Starter
  • Popular Contributors

    1. 1
      +primortal
      504
    2. 2
      +Edouard
      199
    3. 3
      PsYcHoKiLLa
      127
    4. 4
      Steven P.
      83
    5. 5
      ATLien_0
      74
  • Tell a friend

    Love Neowin? Tell a friend!