A tab-to-menu layout that doesn't use javascript. Modern browser compatible.
A Pen by Jake Albaugh on CodePen.
| <div class="contentContainer bg-white" style="height: 902px;"> | |
| <!-- needed --><!--[if IE 7]><div class="ie7-wrap"><![endif]--> | |
| <div class="basics-wrap no-js"> | |
| <noscript> | |
| <h1>Please enable JavaScript to view the content on this page.</h1> | |
| </noscript> | |
| <ul class="slide-nav"> | |
| <!-- <li class="go-prev">↑</li> --> | |
| <li><a href="#slide-1" class="NaN">♦</a></li> | |
| <li><a href="#slide-2">♢</a></li> |
A Pen by Alexander Zizzo on CodePen.
Had a crack at doing a barebones, CSS only version of the http://outdatedbrowser.com slidey thingy.
A Pen by David Lewis on CodePen.
Not recommended for production use. But it seemed like a fun idea to see how far I could take a form with radio inputs.
A Pen by David Lewis on CodePen.
Columns widen on hover and resize again on mouseout.
A Pen by Christine Moore on CodePen.
Short SASS/HAML snippet in creating a simple searchbar
A Pen by Ace Subido on CodePen.