As I use more and more the SWFObject, I took some time to create a Dreamweaver extension that insert the SWFObject Script and the Div with most of the options I ever need with it.
I just tested it on DW CS3, and it worked well as long as you are in design or split mode. It’s not always working in code view for a reason I didn’t understand yet. The resources about building extension on Internet are really rare so it’s hard to code it exactly as I wanted. For example how to use appendChild to create different Tag in different places of the document??
Please test SWFObject Dreamweaver Extension and tell me if it works or not and what I’ve forgot to embed.
Have corrected some minors bug. This version seems to work nicely with DW8 win & mac and DWCS3 win & mac.
Josiah Cole has compiled a not so small list of fundamentals rules that webmasters must learn. It’s almost the same as we hear every time : avoid boring your visitors with some useless scripts and design. Nevertheless this list can be useful, just to remember the basis of webmastering to you or your co-worker. And for once it doesn’t criticize to much Flash.
If your are wondering about more web design error you can also go check the “father” of usability: top ten mistakes in Web Design . By the way, his page URL terminate with a number, which is also one of the top ten error in search engines optimization So please Jakob update your web site!
You can also check if your web site suck
No time for me to assist to FOTB, but I’ve found some resources about it on the web. The first I wanted to share is the note presentation of Francis Bourre about “Everything you always wanted to know about a game development but were afraid to ask”. Full of information and links, an useful reading.
Geoff Stearns presentation note are also online : “Flash in a Web 2.0 world“, or how to integrate Flash project in web dev, a topic that always interested me.
I’ll post more links here as soon as I found them, if you got some please share
Game Development (F. Bourre)
Flash in web 2.0 ( G. Stearns)
Usability News, it’s a comparison about the expectations of Users in the localization of Web Objects (Site Search Engine , Home Link , Internal Links , About Us Link, Advertisements) in 2001 versus a 2005 study.
Users expected :
- To find the “About Us” link in the footer area or the left side of the web page.
- Advertisements to be located either at the center top or the right side of the web page.
- The “Site Search Engine” to be located in the upper right corner of the web page or near the upper left corner.
- The “Internal Links” to be located on the left side of the web page
- “Back to Home” link to be in the upper left corner of the web page
Here’s a little pattern I made for«homework» about the integration of usability in a website. Now that I’m nearly on holiday I found the time to transform it for Flash only.
Technical (about user system)
Accessibility (about user handicap)
Usability (user friendliness)
Refercing (about findability)
This pattern is more developer oriented (but can overlap the designer work).
Also these are the kind of thing « a bit boring » you don’t want to do at the end of a project (in my point of view).
I’ve cut the pattern in four entities:
What the size of the window where the browser is display? You don’t want a part of your site to be unseen. The content size must be adaptable until a reasonable limit.
The download speed of the user is important in the way you don’t want to publish high quality content to a 56 kb/s instead you give him a low quality (letting him the opportunity to change is a good usability point).
All this accessibility part must be taken seriously as it’s unethical that people with handicap can’t access information and soon illegal. Flash as some accessibility function, don’t forget to use them.
The eyes compatibility is to test that your user will see nearly the same thing (color change).
The size of the text must be resizable, small text are for some people unreadable.
You site needs to be readable by screen reader application, or it won’t be accessible to some people.
Heuristic has to be defined in the early development as some function has to be integrated in code).
User friendly means to not make people avoid to ask themselves « how do I what I want to do » it shall be obvious.
Backward and forward navigation is important to manage or people risk to be feeling uncomfortable on your website.
Html documents needs to be well meta-tagged and descripted.
Swf documents needs as well to be meta-tagged and descripted.
Important text can be over/under a swf. So search robots still can index your content (beware with Google politics about that).
A lot of thing could be added but I estimated that that was the main guideline to be follow for the user. Unfortunately all these things take energy, time and money but if not done, it really can kill your website.
It’s not often that I speak happily from Internet Explorer (IE) because of all the time they make me loose … But this time they have made a nice update to IE (only for Internet Explorer 7), the QuickTabs (Ctrl + Q) button will, once clicked, show you all the tabs you have opened in IE within this windows.
For an everyday work it’s not very useful I guess, but for a presentation using webpages it can be useful and even has a good look and feel.
In IE7 there is one more thing that they add that I find completely useless and unusable.
There is now a little info box telling you:
Click to activate and use this control
When you rollOver() a flash animation. It do load and play your animation but every first time you want to click on your Flash (on a button for exemple), the first click is to active the control and then you got to make a second click to interact with the Flash…
So I went to the Microsoft site where they use a very nice (lol) flash animation.
You can check their ie7Flash.js file that they use.
And so everything work without the info box !