A directory of resources inthe field of technical communication.

Design>Web Design>Interaction Design>Responsive

About this Site | Advanced Search | Localization | Site Maps



Blueprint: Responsive Full Width Tabs

A full width tab component with some example media queries for adjusting the icons of the tabs and the content layout. The main idea is to show only icons for the mobile view and allow the text to appear when there’s enough space. The content columns and the containing media boxes have three different layouts.

Lou, Mary. Codrops (2014). Design>Web Design>Interaction Design>Responsive