Skip to content

Instantly share code, notes, and snippets.

@barnettjw
barnettjw / index.html
Created Apr 10, 2015
rot13 encode/decode
View index.html
<div class = "container">
<h1>Rot13</h1>
<fieldset>
<label>Encode Text:</label>
<input id = "encode-text" value="I'M TRYING TO TEACH THE CAVEMEN TO PLAY SCRABBLE. IT'S UPHILL WORK. THE ONLY WORD THEY KNOW IS 'UNH', AND THEY DON'T KNOW HOW TO SPELL IT.">
<button id = "encode">Encode</button>
</fieldset>
<fieldset>
<label>Decode Text:</label>
@barnettjw
barnettjw / index.html
Last active Aug 29, 2015
Treehouse Friends
View index.html
<html>
<head>
<title>Bootstrap Sortable Tables</title>
<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" />
<link rel="stylesheet" type="text/css" href="//rawgit.com/drvic10k/bootstrap-sortable/master/Contents/bootstrap-sortable.css" /></head>
<body>
<h1>Treehouse Friends</h1>
<table id="top10" class ="table table-bordered table-striped sortable">
<thead>
<tr>
View Mirror-Mirror.markdown
View Terminal-Style-Loading-Screen.markdown

Terminal Style Loading Screen

Loading screen, old school terminal style. Made with CSS for the Pattern Radio.

A Pen by James Barnett on CodePen.

License.

View Vertical-Rhythm-Check.markdown

Vertical Rhythm Check

Using line-height, margin-bottom & linear-gradient to create baselines to check vertical rhythm

A Pen by James Barnett on CodePen.

License.

View CSS-speech-bubble.markdown
View Minimum-Ping-Time.markdown

Minimum Ping Time

Calculate minimum ping using speed of light and distance between two points. Uses Google Maps API to get coordinates and then calculate distance between pair of coordinates.

A Pen by James Barnett on CodePen.

License.

You can’t perform that action at this time.