Jonathan's public fiddles
-
2014 World Cup Countdown Clock
Simple countdown clock to the 2014 World Cup
-
WqXLk
No-Library (pure JS), HTML, CSS, JavaScript
-
P7RuA
No-Library (pure JS), HTML, CSS, JavaScript
-
7DBm3
No-Library (pure JS), HTML, CSS, JavaScript
-
9bU8m
No-Library (pure JS), HTML, CSS, JavaScript
-
4hzMW
No-Library (pure JS), HTML, CSS, JavaScript
-
SLOW
Landing page for slowlistening.org
-
nqG3Y
jQuery 1.9.1, HTML, CSS, JavaScript
-
Saksaha Logo
No-Library (pure JS), HTML, CSS, JavaScript
-
Paragraph Character Count
Count the number of characters for each paragraph. Attach that number as the value of "data-para-count" class on each p element.
-
eyZ3r
jQuery 1.6.4, HTML, CSS, JavaScript
-
v8taz
jQuery 1.7, HTML, CSS, JavaScript
-
GA scroll tracking script
This script will track user reading using the old ga.js tracking code.
-
r3P5T
jQuery 1.9.1, HTML, CSS, JavaScript
-
JEP Tiled Layout
Mock-up of JEP's Homepage Tile Layout. NOT FINAL.
-
Event Tracking File Downloads
Script to track downloads of media files we make available on product detail pages. Inserts Google Analytics event tracking code as an onclick attribute in <a> elements that have a file extension we'd like to have download counts on and records what section of the page the click came from, the product title, and the filename.
-
jQuery Color Swatch
Creates a dribbble-esque color swatch from a list of hex color values.
-
Randomize display of div
Using jQuery, randomly show a div while the others remain hidden. Good for switching ads on page refresh or A/B interface testing.
-
Cited: Responsive Themes For Journal Articles
I'm slowly building mobile-first/responsive themes for journal articles published in the humanities, digital humanities, and social sciences. Switching classes on article elements toggles between discipline-based themes.
-
jQuery Language Selector
A journal we publish needs to provide readers with the option to translate navigation elements into Spanish or Portuguese. With a simple and prominent select box, readers select their language. A change in the select box triggers a jQuery action that shows the language selected, hides the others (via CSS), and sets a cookie in the reader's browser to maintain the selected language when navigating to other pages on the site.