• 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

    • My father still uses a programme written in dbase3. Still manages to work with a little help from dosbox. 
    • Microsoft hides these secret Windows 11 performance boost settings available on every PC by Sayan Sen Windows enthusiasts often look for ways to extract as much performance out of their systems as possible, and it's often the case that they try and do so while trying to minimize the heat and power consumption. This is especially relevant in the case of mobile Windows PCs since laptops and notebooks tend to get hot and management of that heat and power is harder in such a form factor. As such users often turn to techniques like under-volting which can be used to squeeze out the maximum capabilities of a chip while also maintaining lowered power levels. There are official apps from AMD and Intel with the likes of Ryzen Master and XTU (Extreme Tuning Utility). While these are quite handy, most enthusiasts probably prefer to dig into the BIOS and play around with settings there like Curve Optimizer on Ryzen, which lets users set various frequency-voltage scaling values. These are essentially called P-States. If you are not familiar with them, Processor Power Management is done through Advanced Configuration and Power Interface (ACPI) P-states and C-states. While P-states or performance pwoer states handle CPU voltage-frequency scaling, C-states deal with CPU sleep states so that some of the CPU functions, which are not necessary at that moment, can be disabled. The P-states and C-states work together to make the processor run more efficiently. It helps the OS and apps determine which cores can be parked and which should be boosted. Of course not every user is an enthusiast or knows the technicalities and integrities of how things like overclocking or undervolting work. Thankfully for them Windows itself offers something pretty cool, though it is hidden by default on all systems. By default, Windows only has two P-States, "Minimum Processor State" and "Maximum Processor State." However, this can be changed with a Registry trick to expand the options under a secret "Processor performance boost mode" dropdown. This essentially enables the HWP or hardware P-States available on a device, and these are not controlled just by the OS itself as the underlying hardware gets involved too. In total there are five Processor Performance Boost Mode profiles that control how Windows requests and allows CPU turbo/boost behavior under the different power policies. They are: Disabled: In this mode, processor boosting is effectively turned off. The CPU will avoid entering turbo or boost frequencies and instead operate closer to its base frequency ceiling. This can significantly reduce power consumption and heat output, but at the cost of reduced burst performance and responsiveness in short workloads. Enabled: This is the standard behavior where boost functionality is allowed under normal conditions. The processor can opportunistically increase frequency when workload demands it, balancing performance gains with power and thermal constraints as managed by the system. Aggressive: Aggressive mode favors performance more heavily, allowing the CPU to enter higher boost states more readily and sustain them longer. This should in theory improve responsiveness under bursty or heavy workloads but increases power draw and thermal output compared to the default enabled behavior. Efficient Enabled: This mode still allows boosting, but with a stronger bias toward energy efficiency. The system attempts to use boost more selectively, avoiding unnecessary frequency spikes when the performance gain is marginal. Efficient Aggressive: This is a hybrid approach where boost is still performance-responsive, but the system continuously weighs efficiency more heavily than in Aggressive mode. It aims to deliver noticeable performance improvements while reducing wasted power in less demanding scenarios. Here's how to enable the Processor performance boost mode: Open Registry Editor: Press Win+R, type regedit, and click OK. Go to: HKLM\SYSTEM\CurrentControlSet\Control\Power\PowerSettings\54533251-82be-4824-96c1-47b60b740d00\be337238-0d82-4146-a960-4f3749d470c7 (where HKLM stands for HKEY_LOCAL_MACHINE_) Modify the value of Attributes from 1 to 2 (you can find modify option by right-clicking) After that, exit Registry, you should now be able to see the new "Processor performance boost mode" dropdown menu: As you can see there are now five new P-States or CPPC states or power profile available that help define the boost mode processor setting on your PC. Wrapping it up here's a quick run-down of the settings as defined by Microsoft itself. Setting Description Disabled The corresponding P-state-based behaviour is disabled. Collaborative Processor Performance Control (CPPC) behaviour is disabled. Enabled The corresponding P-state-based behaviour is enabled. CPPC behaviour is Efficient Enabled. Aggressive The corresponding P-state-based behaviour is enabled. CPPC behaviour is Aggressive. Efficient Enabled The corresponding P-state-based behaviour is Efficient. CPPC behaviour is Efficient Enabled. Efficient Aggressive The corresponding P-state-based behaviour is Efficient. CPPC behaviour is Aggressive. Aggressive At Guaranteed Windows calculates the desired extra performance above the guaranteed performance level, and asks the processor to deliver that specific performance level. Efficient Aggressive At Guaranteed Windows always asks the processor to deliver the highest possible performance above the guaranteed performance level. In the next part we shall be comparing these settings to explore how much of a benefit or regression they can provide in terms of performance and power efficiency. If you decide to change the values on your system and are experiencing problems like crashes or an overheating PC, make sure to revert the steps back to the original state.
    • I think he means you haven't reviewed previous UFC games. Of course it doesn't matter... Every time you just report on something that involves the President even if just simply what happened you guys usually get accused of being anti-Trump. We live in fun times.
    • So how did you solve the problem? Disabling Secure Boot isn’t a solution.
  • Recent Achievements

    • One Month Later
      Leroy Jethro Gibbs earned a badge
      One Month Later
    • Conversation Starter
      flexorcist earned a badge
      Conversation Starter
    • One Month Later
      AndreaB earned a badge
      One Month Later
    • One Month Later
      agatameier earned a badge
      One Month Later
    • Week One Done
      agatameier earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      518
    2. 2
      +Edouard
      198
    3. 3
      PsYcHoKiLLa
      147
    4. 4
      ATLien_0
      94
    5. 5
      Steven P.
      77
  • Tell a friend

    Love Neowin? Tell a friend!