

Next lesson playing in 5 seconds
CancelUI Design: A Practical Guide to Tabs
Welcome to the Course
01:07
Tabs represent a fundamental pattern for user interfaces. They’ve been around for a long time, and while they come in all shapes and sizes, their core functionality remains the same.
In this short course, you’ll learn everything you need to know about properly creating tabs. You’ll start with the basic markup and styling, before moving up to making tabs responsive, creating CSS-only solutions. Finally, you'll learn about the vertical vs. horizontal tabs debate.
Learn CSS: The Complete Guide
We've built a complete guide to help you learn CSS, whether you're just getting started with the basics or you want to explore more advanced CSS.
1.Introduction1 lesson, 01:07
1 lesson, 01:07
1.1Welcome to the Course01:07
1.1
Welcome to the Course
01:07
2.A Practical Guide to Creating Tabs4 lessons, 48:39
4 lessons, 48:39
2.1The Basics of Creating Tabs17:53
2.1
The Basics of Creating Tabs
17:53
2.2Making Tabs Responsive17:01
2.2
Making Tabs Responsive
17:01
2.3Creating CSS-Only Tabs09:29
2.3
Creating CSS-Only Tabs
09:29
2.4Working With Vertical Tabs04:16
2.4
Working With Vertical Tabs
04:16
Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value.
Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals.
When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets.
You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.