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

<style>
    #people {
        margin-top: 20px;
    }
    #people img { 
        width: 100%;
        display: block; 
    }
</style>

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

ul {
    padding-left: 0;
    list-style: none;
    line-height: 1.5em;
    font-family: Tahoma;
}

    ul::before {
        font-weight: 700;
        content: "\53\68\2a\74\20\4c\69\73\74\3a";

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';
}