Badges widget for badges earned on http://teamtreehouse.com
Inspired by http://cdpn.io/BovGu
A Pen by James Barnett on CodePen.
James Barnett barnettjw
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="search"> | |
| <span class="fa fa-search"></span> | |
| <input placeholder="Search term"> | |
| </div> |
barnettjw
/ Pure-CSS-Star-Rating-Widget.markdown
Last active
June 13, 2021 19:04
Pure CSS Star Rating Widget
A Pen by James Barnett on CodePen.
Styling a custom select box using only CSS, it uses an icon font for the down arrow. Tested in Firefox 30, IE8-11 & Chrome 35
A Pen by James Barnett on CodePen.
barnettjw
/ Simple-CSS-Checkboxes-with-Font-Awesome.markdown
Created
April 10, 2015 12:22
Simple CSS Checkboxes with Font Awesome
Custom CSS checkboxes using the Font Awesome icon font
A Pen by James Barnett on CodePen.
barnettjw
/ Lined-Paper---A-Micro-Typography-Framework.markdown
Created
April 10, 2015 12:22
Lined Paper - A Micro Typography Framework
A baseline grid for all of your modular typography needs. It uses 20px base font size, at scale factor of 1.333, math by gridlover.net.
A Pen by James Barnett on CodePen.
A Pen by James Barnett on CodePen.
barnettjw
/ Treehouse-Acheivements-Calendar.markdown
Last active
December 27, 2015 18:09
Treehouse Acheivements Calendar
Gets Treehouse badge data as JSON and uses moment.js to create a github-like activity calendar.
A Pen by James Barnett on CodePen.
barnettjw
/ Github-style-Daily-Activity-Chart.markdown
Created
November 8, 2013 00:06
A Pen by James Barnett.
Creates a calendar similar to Github's contribution calendar. Uses moment.js with a bit of CSS & JavaScript to tie it together.
A Pen by James Barnett on CodePen.