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.
| <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> |
| .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 |
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.
| <div id="doughnutChart" class="chart"></div> |
| <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'> |
| <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> |
A few different checkbox styles
A Pen by Brad Bodine on CodePen.
| <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> |
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.
| <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> |