Useful Web 2.0 Designs and Techniques
Web 2.0 has been all the rave on web designs and is considered as the next generation style of making web pages. Even blogging theme designs has gone to that road with the popularity of new magazine style wordpress themes.
It’s awesome and you want it too. But paying for an exclusive theme design could be a big turn-off especially if you’re just starting out your blog, right?
No worries! Modify your own theme and add these useful and cool Web 2.0 designs and techniques. 
Oh before going to the list, you might want to subscribe to my RSS Feeds because I plan to make a free WP-Theme implementing these Web 2.0 techniques. You don’t want to miss that, right?
Note: These ARE NOT plugins. You must understand or at least be able to read CSS codes for you to edit your themes.
The Slider Effect
This technique is very popular but is best demonstrated by Nick La. An element of your webpage, if triggered with an event like MouseOver can slide in real time without loading the whole page.
Implementation: (Advanced) Uses JQuery. Guides on JQuery Tutorials.
Javascript Tooltips
Javascript Tooltips basically shows a picture or text beside your mouse cusor whenever you highlight a ‘thing’ on your webpage. Awesome, right?
Implementation: (Intermediate) Javascript Tooltips Tutorial.
Tabbed Contents
This can be commonly seen in magazine style themes. It creates a tab that partly loads by itself when clicked as not to reload the whole webpage.
Implementation: (Intermediate) Tab Tutorial
Thickbox
This technique is commonly used in showing portfolios. What it does is turns the whole page dark and shows the image or file in the center of the screen for a certain event like clicking the image. Here is a demo to see it in action.
Implementation: (Intermediate) Thickbox Tutorial
Additional Resources:
15 Day JQuery Tutorial
Running JQuery Sample Downloads
Did you find the Web 2.0 designs and techniques useful? I plan to make a free WP-Theme implementing them, do you think I should continue? I’d love to hear your insights and comments on this.
Don’t forget to subscribe to my feeds for further updates.
Popularity: 3% [?]
Those are pretty good tips. The slider and tabbed content are my favorites. Bookmarked.
Thanks a lot Baron. I’m glad you found it useful, I’m going to try and add more helpful Web 2.0 tips in the future. See you around.
[...] been quite busy working on the Web 2.0 designs and I thought I’d share some link love. Here are a summary of blogs that I am reading or [...]
I have my eyes on web 2.0 features for quite some time now. That’s why I’m still figuring out whether to migrate to OpenCMS. Joomla and Drupal are still in my consideration. They already have Web 2.0 features like Mac OS X docking slider, javascript goodies, wrapper to insert a page inside a page and so much more. And I really don’t want to pay exclusive high fees for exclusive Wordpress themes when I can make it on my own.(need time to learn that).
Open CMS is free too but the learning curves are very steep. Difficult to decide coz Wordpress have so many plugins and themes, where Open CMS have few.
I’ve tried using Mambo. But Joomla is better since it has a wider community for resources. I’m also looking into OpenCMS but haven’t really tried it.
Actually, a lot of people have already begun using Wordpress as a stand alone CMS. Although you really need to invest time in learning how to implement the Web 2.0 features.
Comparing all of them, my favorite is WP because of it’s simplicity and vast number of free resources.
[...] you know, I have been freelancing website development for some time now and one of the most useful tool for website developers is the use of customized Buy Now buttons from PayPal. What exactly is [...]