Online form resources

Online forms are usually the best way to get your users to send you details, feedbacks, orders or get in touch with you. In a semantic point of view here is some resources about designing nice forms, using good code and semantic markup.

Read the rest of this entry »

SWFObject, valid embed flash animations

This article is dealing with the version 1 of SWF Object, for version 2 explaination please visit this page:
www.yoursiteisvalid.com/swfobject-update-embed-flash-version.html

In the last article, Alternatives for images and flash animations, we have discussed how to provide solution for users who don’t view important images or flash animations.

You might have seen the tags <object> and <embed> when you work with flash for your websites. Those two tags are needed if you want your animation to work for all major browsers. Unfortunately, <embed> is not w3C valid. Quite annoying when this is the only thing that keeps your website from complete validation. Read the rest of this entry »

Alternative solutions for images and flash animations

You have finished the most amazing flash menu you have ever done. Animation everywhere, soung on rollover, cross-fade and opacity… You are very proud of your work and want to show it to your mum. When she arrives on your website, the content is there, images as well but instead of the state of the art menu she just gets a nice white box… No links to navigate, she’s stuck on your first page.

Flash animations and images are more and more used on internet. The average bandwidth for the user grow so the size of website grow as well. It is now common to see “all in flash” website and hight quality images. I wont blame the designers as long as they keep accessibility in mind.

Read the rest of this entry »

Css pseudo-class and pseudo-element

Pseudo-class and pseudo-element are properties you can use to add certain functionality/behavior to some selector. We have used one before (:hover) in the css preloading example. The syntax is quite simple and is the same for both element and class:

selector : pseudo-class{...}

selector : pseudo-element{...}

Read the rest of this entry »