scoaband

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.2/normalize.css"/>
	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

<div id="wrapper">
  		<section id="generic-tabs">
    			<h1 class="callout">Reponsive jQuery tabs</h1>
        <ul id="tabs">
            <li>
                <a title="Home" href="#first-tab"><i class="fa fa-home"></i> Home</a>	        
            </li>

scoaband

.container
  .tab-group
    section#tab1(title="Long Tab Name")
      h3 Content 1
      p Aliquam eleifend magna mauris, id egestas eros dictum ac. Vivamus ac turpis at nisi mattis aliquam. In hac habitasse platea dictumst. 
    section#tab2(title="Another Tab")
      h3 Content 2
      p Donec congue ligula non risus dictum, eget vehicula diam mattis. Pellentesque at ante ipsum. Suspendisse rutrum elementum dolor, non congue risus sagittis id.
    section#tab3(title="Tab 3")
      h3 Content 3

scoaband

Custom jQuery Slider 2

A great easy little script to create a great looking jQuery slider without the weight! Easy to modify and very easy to implement!

Happy Coding!

A Pen by Justin Batzel on CodePen.

License.

scoaband

<div id="doughnutChart" class="chart"></div>

scoaband

<header class='header text-center'>
    <h2>Rating Widget</h2>
  <p>A simple star rating widget with <b>jQuery</b> and <b>FontAwesome</b> icons.</p>
</header>

<section class='rating-widget'>
  
  <!-- Rating Stars Box -->
  <div class='rating-stars text-center'>

scoaband

<div id="demo">
  <h1>Material Design Responsive Table</h1>
  <h2>Table of my other Material Design works (list was updated 08.2015)</h2>
  
  <!-- Responsive table starts here -->
  <!-- For correct display on small screens you must add 'data-title' to each 'td' in your table -->
  <div class="table-responsive-vertical shadow-z-1">
  <!-- Table starts here -->
  <table id="table" class="table table-hover table-mc-light-blue">
      <thead>

scoaband

CSS3 Checkbox Styles

A few different checkbox styles

A Pen by Brad Bodine on CodePen.

License.

scoaband

<button id="dButton">Responsive Dialog</button>
<article class="markdown-body entry-content" itemprop="mainContentOfPage">
  <h1></a>jQuery UI Dialog Options v1.0</h1>

  <p>Additional options/functionality for jQuery UI Dialog.</p>

  <p>New Options:</p>

  <ul>
    <li> clickOut: true // closes dialog when clicked outside</li>

scoaband

CSS 3D Solar System

Github repo : https://github.com/juliangarnier/3D-CSS-Solar-System Works better in webkit, buggy in FF, flat in IE. Inspired by http://neography.com/experiment/circles/solarsystem/ and http://nicolasgallagher.com/css-pseudo-element-solar-system/demo/ [update] Added some basic responsive styles

A Pen by Julian Garnier on CodePen.

scoaband

<link href='https://fonts.googleapis.com/css?family=Raleway:300' rel='stylesheet' type='text/css'>


<h1>Jquery & CSS3 background</h1>

<h2><span>by</span> Enrico Toniato <a href="http://enricotoniato.com" target="_blank">enricotoniato.com</a></h2>