Jonathan's public fiddles
-
jQuery.grep() Function Example
A basic example of how to use $.grep() with an array
-
z2p8b06e
No-Library (pure JS), HTML, CSS, JavaScript
-
Localstorage Note Taker (API using Prototypes)
My first attempt at using prototypes to create a basic jQuery API.
-
Localstorage Note Taker (Working - Requires Simplification)
jQuery note taking API that uses JSON to get and post notes to and from localstorage.
-
5ktcn9g0
jQuery 1.11.0, HTML, CSS, JavaScript
-
es19wLaf
No-Library (pure JS), HTML, CSS, JavaScript
-
Automatically Equal Height of DIVs to Height of Tallest DIV
This simple jQuery function allows you to make DIVs equal in height to the height of the tallest DIV.
-
How to Loop Through an Array in jQuery & pure JS
Two options to loop through an array in JavaScript (pure; no library), or loop through array with jQuery .each()
-
Avatar Placeholder Plugin (Work-In-Progress)
Easily add avatar placeholder images to your HTML mark-up.
-
Mobile Template - Sliding Header with Sticky Tabs Menu
This template has a fixed header with a mobile tabs menu beneath it. On scrolling down the page, the header slides away and the tabs menu sticks to the top of the screen. When the user scrolls up, no matter how far down the page, the fixed header slides back down into place, pushing the tabs menu below it again.
-
Remove Chrome Auto-Complete Styles
How to remove the styling automatically added to input boxes in the Google Chrome web browser.
-
Bootstrap 3 One-Page App
A one-page html file project, supported by the Bootstrap 3 framework, that can be packaged as a hybrid-app with PhoneGap.
-
Password Checker
Simple application to help young children get used to entering special characters on a mobile keyboard
-
Custom jQuery Context Menu
Use jQuery and CSS to open a custom context menu at the point of the cursor when a specified element is right-clicked.
-
Loop through and Display an Array of Objects with jQuery foreach
A simple fiddle that illustrates how to use the jQuery equivalent of the PHP 'foreach' loop.
-
jQuery Phone Dial Pad with Dynamic Form Input Screen
Dynamically insert text content into a HTML form using button with this jQuery dynamic text input form fiddle.
-
Blank Fiddle with BootStrap 3.3.5
A blank JSFiddle that uses jQuery 1.11.0 with Twitter BootStrap 3.3.5 CSS and JavaScript libraries.