Web Design & Graphics

Add tabs to website content with javascript

2

http://nikhilmisal.files.wordpress.com/2009/08/what-beautiful-html-code-looks-like.jpgTabs are widely used feature in web give website compact & clean look and save bandwidth. I began to search script for creating tabs for this page because I need to add 10+ object in single page or add another 10 pages which will make website bulky and not so easy to navigate.There are lots of java-scripts available to make tabs but here in this post I will give focus on two scripts on the basis of simplicity and weight.

1.

http://webscripts.softpedia.com/thumbnails/JavaScript-tabifier-0.png JavaScript Tabifier uses CSS and JavaScript to create tabs to group content together. It is very easy to use as well as website offer full documentation and example to make user understand it. Light version of tabber is just 5kb and css around a kb which don’t cost much bandwidth and loads fast.They also have google group for discussion and support here.

2.

Yetii (Yet (E)Another JavaScript Tab Interface Implementation) is another javascript that can be used to make tabs. It’s minified version is around 4kb and un-minified is 5.4kb. It’s basic feature can be used without using css, css can be used for adding extra look. It’s website has given well documentation on using tabs features but haven’t mentioned on css customization ( I will mention about this later ).

Conclusion:

I have used YETII for this page because of some issue with large number of tabs and problem with wordpress page. But using tabifier is much easier and fast to work with in comparison to YETII. I will be using tabifier in this website of mine soon. Beside these there are lots of scripts for adding javascript for adding tabs which can be found in search engines by searching around.

Tutorial for adding custom javascript and css in a individual wordpress post and page like I did, will be covered in next topic.

Pritush
Nepallica was started by Pritush and regularly updates this blog, beside Nepallica he also contributes to Nepalunderground.com. Connect with on Google+

From where did Chrome logo came ?

Previous article

Use custom javascript and css in specific wordpress page and post

Next article

You may also like

2
Leave a Reply

avatar
2 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
1 Comment authors
Online Nepali FM now on Nepallica, kantipur fm,maitri fm,times fm, & many moreSuporting The SCENE Recent comment authors
  Subscribe  
newest oldest most voted
Notify of
Suporting The SCENE
Guest
Suporting The SCENE

NICE POSTING I am gonna Use it Now !

trackback
Online Nepali FM now on Nepallica, kantipur fm,maitri fm,times fm, & many more

[…] Chrome etc. For maximum performance you are requested to use latest browser. This uses YETII javascript for tabbed interference. Some FM may be offline, so don’t forget to check other stations.You can start listening […]