Fixed table header with simple jQuery code..
A Pen by Nikhil Krishnan on CodePen.
| How to use the header, main and footer elements correctly? | |
| Every time I use these elements the w3c don’t recognize them as proper tags. Please help. First time here by the way. Go easy on me. |
| <h1>Incredibly Basic Slider</h1> | |
| <div id="slider"> | |
| <a href="#" class="control_next">></a> | |
| <a href="#" class="control_prev"><</a> | |
| <ul> | |
| <li>SLIDE 1</li> | |
| <li style="background: #aaa;">SLIDE 2</li> | |
| <li>SLIDE 3</li> | |
| <li style="background: #aaa;">SLIDE 4</li> | |
| </ul> |
| <!-- wrapper --> | |
| <div class="wrapper"> | |
| <h1>Bike Stock</h1> | |
| <span><i class="shopping-cart"></i></span> | |
| <div class="clear"></div> | |
| <!-- items --> | |
| <div class="items"> | |
| <!-- single item --> | |
| <div class="item"> |
Fixed table header with simple jQuery code..
A Pen by Nikhil Krishnan 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> |
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.
| <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> |
| <div class="accordion-container"> | |
| <h2>jQuery Accordion</h2> | |
| <div class="set"> | |
| <a href="#"> | |
| Vestibulum | |
| <i class="fa fa-plus"></i> | |
| </a> | |
| <div class="content"> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p> | |
| </div> |
A few different checkbox styles
A Pen by Brad Bodine on CodePen.
| <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> |