Just CSS, no JS!

Pattern for accessible responsive tabs to accordion. Tested in FF NVDA, Chrome/Safari in VO & iOS. If any issues across readers, please let me know in comments!

A simple implementation of jQuery UI tabs. Content is structured, and styled, to serve as a pattern for article excerpts.

I was looking for a responsive way to go from tabs to accordion. Couldn't find anything, so here's my attempt. When wide tabs, when narrow accordion.

Solving the fixed height issue: now both tabs and the content area can be variable height. And the HTML structure remains almost exactly the same: each tab represented as complete unit of it's own instead of being split into three parts.

Tabs that animate to the height of their content when switched.

// With bonus color switcher

A quick and easy method for tabs that supports multiple tab groups on one page.

(.) (.) tabs

Ionic SideMenu and Tabs working together.

Nothing too fancy going on here. Just working some clean-looking tabs for my blog.

Just some interesting CSS for tabbed content :) Minimal and reponsive, and has a dark version, too now.