KatieK2

// Reset Stylesheet originally from html5doctor.com
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
// pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;  }
body { line-height: 1; }
html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparen

KatieK2

// ----
// Sass (v3.2.10)
// Compass (v0.13.alpha.4)
// ----

@mixin button($type: normal) { 
  border: 1px solid orange;
  background: orange;
  color: white;
  display: block;

KatieK2

Manual Array Sorter

Interview Question: Without using .sort(), write a function to numerically sort an array of integers.

A Pen by KatieK on CodePen.

License.

KatieK2

Reverse the String

Interview Question: Write a JavaScript function to reverse / flip an incoming string.

A Pen by KatieK on CodePen.

License.

KatieK2

CSS Columns - Pinterest

More Pinteresty. Works in FF, Chrome, not IE9.

A Pen by KatieK on CodePen.

License.

KatieK2

Experiments in Vertical Centering

Various experiments in vertical centering.

A Pen by KatieK on CodePen.

License.

KatieK2

<h1>Header</h1>

KatieK2

<h1>Header</h1>

KatieK2

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

@mixin flex_percentage($className) {
    @for $i from 1 through 100 {
        @if $i % 5 == 0 {
            .#{$className}#{$i} {
                width: $i * 1%;    

KatieK2

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

$width: 18.75em; /* 300px */
$grid-spacing: 2em; 

.column { margin-right: $width + $grid-spacing*2; }