All posts in Tabs

The tab navigation is an element you often meet in your daily browsing. There are so many ways, so many styles, but the idea is the same: you click a tab and see its content without a page refresh.

In this article you’ll learn how to build some new CSS3 & jQuery tabs inspired by Google Play‘s design.

HTML based tabs are widely used as a part of the modern ux practices as it’s the most convenient way of presenting data and users can easily browse through larger sum of data without leaving the page or waiting for any postbacks.

Say goodbye to those long pages and implement HTML tabs today to improce your website’s user experience.

I will be using jQuery to create the HTML Tabs today, don’t worry it won’t be a killer. I’ll guide you through every step and I’m confident that by the time you’re done with this tutorial you’ll agree to the fact how easy it is to create tabs with just a few lines of jQuery’s magical code.

In this article, I will use a technique in order to create some good looking CSS3 tabs.While in my previous CSS3 tabs tutorial I tried to simulate some beveled corners for the tabs, this time I will show you how to create folder tabs using nothing more than pure CSS3 and jQuery.