jonathansampson

/* CSS Dice: An Experiment by Jonathan Sampson - @jonathansampson */
.die.one .dot { 
	box-shadow: 0 .2em 0 #FFF 
}
.die.two .dot { 
	background: transparent;
	box-shadow: -2.3em -2.3em 0 #345, 
		     2.3em  2.3em 0 #345, 
		    -2.3em -2.3em 0 #FFF, 
		     2.3em  2.4em 0 #FFF 

jonathansampson

/**
 * Delayed Animations
 */
@keyframes fadeToBlue {
	50% { 
		background: blue 
	}
}

.foo { 

jonathansampson

/* Make it a marquee */
.marquee {
    width: 450px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 50s linear infinite;
}

jonathansampson

/**
 * A Bandeira do Brasil
 */

body { margin: 0 }
html { background: #111111 }

.brasil {
    /* Adjust for larger/smaller flag */
    font-size: 20px;

jonathansampson

/* Repeating Lateral Text Shadows - By @LeaVerou */

body { margin: 0 }

h1 {
    color: #3D6AA2;
    position: relative;
    font: bold 2em/1em 'Segoe UI';
}

jonathansampson

/*

	(function () {
		
		var prop, props = [];
		
		for ( prop in console ) {
			props.push({ 
				name: prop, 
				type: Object.prototype.toString.call( console[ prop ] )

jonathansampson

var output = (function ( object ) {
    
    "use strict";
    
    function getProperties ( object ) {
        return object ? Object.getOwnPropertyNames( object )
            .concat( getProperties( Object.getPrototypeOf( object ) ) ) : [] ;
    }
    
    function getUnique ( array ) {

jonathansampson

/*global document, prompt */
(function( global ) {

	"use strict";

	var response = {
		browser: {
			name: prompt( "Browser Name? (Chrome, IExplorer, etc)" ),
			version: prompt( "Browser Version? (34, 11, etc)" )
		},

jonathansampson

// based on https://snipt.net/gregwhitworth/w3c-keyword-colors-90c153dd/
// adds alphabetical index, hex, and rgb values
var colors = {
    "a": [
        [
            "aliceblue",
            "#F0F8FF",
            "rgb(240, 248, 255)"
        ],
        [

jonathansampson

(function () {
    
    /* Internet Explorer 11 may have trouble retrieving the number type
    of an input value. This short script performs a quick test, and repairs
    the functionality if necessary. Load before attempting to use the
    `valueAsNumber` property on input elements. */

    "use strict";

    var a = document.createElement( "input" );