“Following standards and writing valid code is important in that it pulls us ahead as a society of coders/designers…HOWEVER… you should not let that stand in the way a creativity when the project allows for it. At one time, it was standard that all ships have sails. It is creative thinking that blends new technologies and sets new standards.”
How does this relate to my new site launch? By the technologies used in the ways I did, even though most developers will say… “Can’t be done,” “it’s a disaster waiting to happen,” or “your site will be lost from search engines.”
Let me explain the site first. When you go from page to page on my site, the “page” never really reloads. Clicking a button prompts the site to get that page’s information and load it, without leaving the home page, reloading or seeing a “flash.” What is the benefit? It is more elegant, easier on the server, and most important, other elements on the page are not disturbed. For example, if you go to the site controls, and play the background movie, you can still surf the site without disturbing the movie.
Don’t get me wrong, this has been done before… but usually only in certain environments. This is very common in web applications where visitor or search engines do not have access. There are a lot of concerns that I had to overcome, such as fallbacks, search engine spidering, bookmarking, using the back button, possible errors and it goes on from there. In other words, for a little noticed function, it is a lot of work and testing, but it is sometimes the small things that sets us apart from out competition.
More about the technology used: The site uses Jquery, so if you have JavaScript turned off, you won’t experience it. Jquery listens for a link to be requested, parses the requested url and retrieves the data from that page. If there is an error retrieving the data, JavaScript then redirects the user to that page naturally. Once Jquery has the data, it fades out and slides shut the content area, replaces the data with the new, then slides open and fades in the content area. Fading and sliding normalizes the page so it does not “jump” with the new data. Because Jquery “listens” for actual links to be requested, search engines and spiders see the site and links as normal, and crawls the site. They do not care about the Jquery code. For incoming links and bookmarks, a hashtaging system is used to get the visitor to the right content. The hashtag also solves the problem of the back button not working, so it is twofold. Lastly, the htaccess file prevents the possibility of duplicate content, such as two pages of the same content (such as ohiowebpro.com and ohiowebpro.com/index.php.) If you have any questions, please contact me here.