Last change 27.11.2008 16:14
Today's web development is spiked with new challanges - especially since you have to create feature-rich cool looking web sites, but also should make sure they "work".
I am talking merely about customer facing web applications (like a webshop) - most of the stuff does not apply for your r0x0r-web2.0 ajax based webapp or you drag'n drop admin interface.
With current techniques you can do a LOT - but there are some DONTs which you should take to heart. The most important is:
DON'T use ajax for any critical functions (like the "buy")
It is important to know HOW to create web-applications with a minimum of fuss (i.e. you dont want to create a new template for every device) that works for a maximum of users (see above).
- so lets start
When you render you page, ALL information should already be in the html. So if you disable css and js on your browser you should be able to see all relevant content, and all links work.
- you hover-boxes with the additional item information and the buy button should be already in the content as divs
- those dynamic tabs should also be visible in the code already
So sooner or later you will have what you want - but there are a few problems you will most definitely run into - and thats where you need to reach into the box of tricks.
Everything is shown while the page is loading
This is probably the biggest problem when it comes to coding non-obstrive. While the page loads (which might take a while) - the user with his all-stuff-enabled browser still sees all kinds of stuff that should actually be hidden per default and only visible by hover/onclick effects (a nice example for this is the AT&T webpage where you see the content of all tabs while the page is loading).
<body id="noJS">Now you can move this "display:none" from your ".secondLevel" in "#JS .secondLevel"