Flash or HTML5?

[hysphema657]

Hi ya'll,

So here's my problem. I've been put in charge or remaking a website to go with times. Almost done, just a few hiccups, liiiiikkke. When previewed in fire fox looks good, IE my #main div and #sidebar div's height go down by about 5 px. Also one of my pages, the wrapper moves about 5 px to the right and I can't figure our why, margin left/right set to auto, but refuses to center. But now for the big question. The is an old interactive menu for the index.html that was made with image ready...I know. So i started remaking it in Flash. I'm a novice at web design do needless to say it gave me a bit of a headache. Basically I'm in house and my manger asked for me to try again. I got in contact with the old designer and he told me to use HTML5 to make the interactive menu with js. This involves a skill that I've been trying to develop for a little while. I need to know how to take an element and apply js or any type of code to it by copying and pasting the code into the right parts of the head section or using external and how to link it. I've talked to a lot of designers and every time it goes over my head. Could anyone suggest some articles or books on how to use DW to use .js without knowing that much code.

the link to the menu I'm trying to redo is http://landmarkinvestment.com/

Any input is appreciated

[kemingMatters]

Unfortunately you pretty much have to know the code unless you want to buy ready-made and try to work it to your needs or hire someone can do it. I would suggest dropping the flash, and replacing it with jQuery and CSS3. I don't see where anything specific to HTML5 would be used in this instance, so I think the other designer was just buzzwordin' ya.

I think you should look into books on CSS3 and jQuery instead of a software specific book as software comes and goes and code/scripting languages usually just evolve.

[John G]

There's no reason for html5, there's no reason for flash. You could do that specific animation with css3, but it really should be done with css2, because that was bad ux. (main navigation animation is bad son)
/ well in that case, I'm sure something awesome will come up, but it wasn't that site.

start looking for good boilerplate, ex: http://html5boilerplate.com/ (if needed) and have at it.

most of your time should be convincing said business that animating in main navigation points is bad.

[tZ]

John G is spot on. The menu can be created with CSS. The animations can even be done with CSS using progressive enhancement with webkit and mozilla animation. Though I would probably opt for JavaScript because that would be simplest for me anyway.

[Danish01]

I am agree with TZ his right......

[MisterAdobe]

I also have to agree with John. CSS will meet all your needs. Besides, Flash and html are nice, but Javascript I find better when using navigation menus.

Also have to agree that animated navigation menus cause more problems then they are worth.

[kemingMatters]

Originally Posted by tZ

John G is spot on. The menu can be created with CSS. The animations can even be done with CSS using progressive enhancement with webkit and mozilla animation. Though I would probably opt for JavaScript because that would be simplest for me anyway.

I wouldn't suggest doing the animations in CSS. As far as I'm aware CSS transitions and animations are still not fully supported by IE.

Someone please let me know if I'm wrong.

[tZ]

Originally Posted by kemingMatters

I wouldn't suggest doing the animations in CSS. As far as I'm aware CSS transitions and animations are still not fully supported by IE.

Someone please let me know if I'm wrong.

Correct, animations and transitions are not supported by < IE10. However, I don't consider them vital, functional components. Therefore, I see nothing wrong with using progressive enhancement where they will be applied in browsers supporting the proper technologies but in those that do not. However, it would probably be easier to it JavaScript like I was saying… well for me anyway.