I am almost finished building a nameplate site for myself from scratch, both as a learning experience and to formally put my presence online. I made a cool-looking (at least, I think so) tabbed site that uses AJAX and anchor navigation to switch between tabs. I also threw together a style changing script that uses cookies to remember your style selection.
Now, the sixty-four thousand dollar question: how do I make this site usable for people who choose to turn off JavaScript? As it stands currently, a user without scripting can see the “About Me” section and nothing else. I also put a banner at the top directing them to my “noscript” page, which as of now doesn’t exist. Is the best option a noscript page that shows all the content at once? Is there a CSS method to avoid the JavaScript for tab switching? Or, is there some method to show all the content on the main page to users without scripting but still have the scripting-enhanced version for others?
My site is located at scolbyme.webs.com. I appreciate any ideas you guys come up with!
P.S. Bonus points for the person who can name the background color.
I would agree with jeroen, you want to build the site normally (w/out ajax) first, then add on the js layer.
If you build each tab as it’s own page, and put the content of the page into a div with a certain id, you can do an ajax call w/ jquery pretty easily that can grab the content from the page and only grab within the div that holds the content, and then put that into your main page. so, same effect, but the site would work completely without script as well.