Skip to content

Instantly share code, notes, and snippets.

View bshack's full-sized avatar

William Shackelford bshack

  • Columbus, Ohio
View GitHub Profile
@bshack
bshack / modernizr.js
Created March 13, 2016 01:00
using gulp with modernizr
// ## Modernizr Task
// config example: https://github.com/Modernizr/Modernizr/blob/master/lib/config-all.json
var gulp = require('gulp');
var modernizr = require('modernizr');
var fs = require('fs');
gulp.task('modernizr', function(callback) {
'use strict';
modernizr.build({
@bshack
bshack / karma.conf
Last active March 13, 2016 03:19
Browserify with Istanbul karma.conf example
var istanbul = require('browserify-istanbul');
module.exports = function(karma) {
'use strict';
karma.set({
basePath: '',
frameworks: [
'jasmine',
'browserify'
],
files: [{
@bshack
bshack / tabpanel.html
Last active March 13, 2016 03:25
accessible tabpanel component example with javascript, html, css and aria attributes
<div class="tabpanel-1">
<ul role="tablist">
<li id="tab-1" role="tab" aria-controls="panel-1" aria-selected="true" tabindex="0">dashboard</a></li>
<li id="tab-2" role="tab" aria-controls="panel-2" aria-selected="false" tabindex="-1">account</a></li>
<li id="tab-3" role="tab" aria-controls="panel-3" aria-selected="false" tabindex="-1">services</a></li>
</ul>
<div id="panel-1" aria-labelledby="tab-1" role="tabpanel" aria-hidden="false">
<p>dashboard landing content</p>
</div>
<div id="panel-2" aria-labelledby="tab-2" role="tabpanel" aria-hidden="true">
@bshack
bshack / usage.js
Last active March 24, 2016 19:32
simple js view for being extended
(function() {
'use strict';
const View = require('./viewBase.js');
new View({
el: document.querySelector('a'),
model: {'foo': 'bar'}
});