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.
James Barnett barnettjw
A Pen by James Barnett on CodePen.
CSS speech bubble w/ a text area, forked from example here http://css-tricks.com/examples/ShapesOfCSS/
A Pen by James Barnett on CodePen.
Using line-height, margin-bottom & linear-gradient to create baselines to check vertical rhythm
A Pen by James Barnett on CodePen.
barnettjw
/ Terminal-Style-Loading-Screen.markdown
Created
April 10, 2015 12:43
Terminal Style Loading Screen
Loading screen, old school terminal style. Made with CSS for the Pattern Radio.
A Pen by James Barnett on CodePen.
Experiment using box-reflect
A Pen by James Barnett on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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
/ Change-font-size-using-JQuery.markdown
Created
April 10, 2015 16:10
Change font size using JQuery
A Pen by James Barnett on CodePen.
barnettjw
/ Is-the-localStorage-Data-Stale?.markdown
Created
April 17, 2015 22:33
Is the localStorage Data Stale?
A Pen by James Barnett on CodePen.