Skip to content

Instantly share code, notes, and snippets.

@barnettjw
barnettjw / Ready-to-Launch.markdown
Last active December 25, 2015 05:49
Ready to Launch
@barnettjw
barnettjw / JQuery-Calendar-Widget.markdown
Last active December 27, 2015 10:09
JQuery Calendar Widget

Github-style Daily Activity Chart

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.

License.

@barnettjw
barnettjw / Treehouse-Acheivements-Calendar.markdown
Last active December 27, 2015 18:09
Treehouse Acheivements Calendar

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.

License.

@barnettjw
barnettjw / A-Pen-by-James-Barnett.markdown
Created January 14, 2014 05:01
A Pen by James Barnett.
@barnettjw
barnettjw / Lined-Paper---A-Micro-Typography-Framework.markdown
Created April 10, 2015 12:22
Lined Paper - A Micro Typography Framework

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.

License.

@barnettjw
barnettjw / Simple-CSS-Checkboxes-with-Font-Awesome.markdown
Created April 10, 2015 12:22
Simple CSS Checkboxes with Font Awesome

Custom select box

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.

License.

@barnettjw
barnettjw / Simple-CSS-Dropdown-Menu.markdown
Created April 10, 2015 12:23
Simple CSS Dropdown Menu
@barnettjw
barnettjw / Pure-CSS-Star-Rating-Widget.markdown
Last active June 13, 2021 19:04
Pure CSS Star Rating Widget