barneycarroll

// Accessible from $ (whole document scope) or on $.fn (search with jQuery scope)
// Usage:
// attributeMatch( name, value, returnAttributes )
//
// Where @name and @value are RegExps or RegExps-as-strings to match against attributes names and values.
// @returnAttributes returns the attributes themselves rather than the owner element - useful to avoid repeating yourself
// eg: $.attributeMatch( /^lang$/, null, true )[ 0 ].value;
//
// To return all elements with ARIA attributes:
// $.attributeMatch( '^aria-\w+' );

barneycarroll

void function accessibilityForSelect2(){
  if( ! $.fn.select2 ){
    throw new Error( 'You must include Select2 before including its accessibility extensions.' );
    
    return;
  }

  var oldSelect2 = $.fn.select2;

  $.fn.select2 = function select2accessibilityWrapper(){

barneycarroll

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

@function noop(){}

noop();

barneycarroll

// gridItems is a mixin for creating absolutely positioned, 
// fractional width items. It fulfils the common flexbox use-cases
// but uses a simpler syntax.
// 
// The only requirement is that the parent be relatively positioned.
// Multiple invocation methods are possible, all of which are
// exemplified at the bottom.

// Occupy full dimensions of parent container. 
// The gridItems mixin adds each passed selector to this rule.

barneycarroll

Multiline ellipsis

Using one wrapping element, create multiline ellipses such that a '...' appears when text is overflown.

This particular example shows how it can be used in conjunction with complex effects like zebra-striping by using fixed background images and strict vertical rhythm.

It also implements a system of hidden checkboxes mapped to ellipsis text as labels to enable a 'click to expand' mechanism.

A Pen by Barney Carroll on CodePen.

barneycarroll

function yieldBack( generator ){
	return generator( function( response ){
		generator.send( response.value );
	} );
}

module && module.exports = yieldBack;

barneycarroll

var fs       = require( 'fs' );
var path     = require( 'path' );

module.exports = function( folder ){
	var output = {};

	fs.readdirSync( folder )
		.filter( function isJavascript( filename ){
			return '.js' === path.extname( filename );
		} )

barneycarroll

function composer(){
	var transforms = [].slice.call( arguments );

	return function functionWrapper( handler ){
		return function transform(){
			var ctxt = this;
			var args = [].slice.call( arguments );

			transforms.forEach( function applyTransform( transform ){
				transform.apply( ctxt, args );

barneycarroll

var _ = require( 'lodash' );
var m = require( 'mithril' );

_.extend( m, {
	// Takes any number of transforms, returns a function wrapper:
	// When executed, function will be passed through each transform
	// sequentially before its own body is executed.
	//
	// As a DOM event handler:
	// onclick: m.transform( m.prevent, m.stop )( x )

barneycarroll

// Event capturing for Mithril.js
// Demo here: http://jsfiddle.net/barney/vsw8r3Lh/
m.capture = function capturingEventHandler( eventName, handler ){
	function bindCapturingHandler( element ){
		element.addEventListener( eventName, handler, true );
	}

	return function config( element, init ){
		if( !init ) bindCapturingHandler( element );
	};