diolektor

No JS: Tabs that scale down to menu

A tab-to-menu layout that doesn't use javascript. Modern browser compatible.

A Pen by Jake Albaugh on CodePen.

License.

diolektor

<div class="contentContainer bg-white" style="height: 902px;">
		<!-- needed --><!--[if IE 7]><div class="ie7-wrap"><![endif]-->
<div class="basics-wrap no-js">
<noscript>
	&lt;h1&gt;Please enable JavaScript to view the content on this page.&lt;/h1&gt;
</noscript>
<ul class="slide-nav">
	<!-- <li class="go-prev">&uarr;</li> -->
	<li><a href="#slide-1" class="NaN">♦</a></li>
	<li><a href="#slide-2">♢</a></li>

diolektor

HgaDm

A Pen by Alexander Zizzo on CodePen.

License.

diolektor

Flexbox outdatedbrowser.com style UI

Had a crack at doing a barebones, CSS only version of the http://outdatedbrowser.com slidey thingy.

A Pen by David Lewis on CodePen.

License.

diolektor

Sticky Footer

Just CSS.

A Pen by Wallace Erick on CodePen.

License.

diolektor

Flexible Full-screen Menu

Uses viewport-relative units to create a flexible full screen menu at just about any size. Animated navicon credit to @hugo - http://codepen.io/hugo/pen/LmJsf

A Pen by Jon Reece on CodePen.

License.

diolektor

CSS Carousel with keyboard controls

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.

License.

diolektor

Columns widen on hover

Columns widen on hover and resize again on mouseout.

A Pen by Christine Moore on CodePen.

License.

diolektor

Bootstrap Searchbar

Short SASS/HAML snippet in creating a simple searchbar

A Pen by Ace Subido on CodePen.

License.

diolektor

Bunch-o-Buttons

6 button variants, 2 button styles, multiple sizes.

A Pen by Stidges on CodePen.

License.