A Pen by James Barnett on CodePen.
James Barnett barnettjw
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.
This file contains 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> |
This file contains 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> |
Experiment using box-reflect
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.
Using line-height, margin-bottom & linear-gradient to create baselines to check vertical rhythm
A Pen by James Barnett on CodePen.
A Pen by James Barnett on CodePen.
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.
A simple vertical accordion, it uses a bit of JQuery with help from some CSS triangles
A Pen by James Barnett on CodePen.