I love this very easy to use tutorial on creating pure css tabs. I particularly enjoy the way the writer using Font Awesome to add icons to the tabs. Very clever. Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. I use it on the Interactive Mapping plugin.
In this tutorial I’m going to show you how to create Responsive Pure CSS Tabs. We’ll be using Font-Awesome to add icons to the tab labels, so we can hide the text label and leave only the icons on smaller screen size.
Take and look and enjoy the tutorial. I think I might be applying some of the techniques here.
Read more on How to Create Responsive Pure CSS Tabs
For a quick look at what has been created take a look at the example of Responsive Pure CSS Tabs.