bcmoney's public fiddles
-
Day of week
A simple calendar or info listing display for showing the current day of the week and allowing users to click on other days (which could then activate some code in your application).
-
Sports Scoreboard/Timer
A simple Sports Scoreboard and Timer for use in athletic events or activities.
-
CSS Nutrition Facts label
For US customers, FDA compliant as per: http://www.fda.gov/Food/GuidanceComplianceRegulatoryInformation/GuidanceDocuments/FoodLabelingNutrition/FoodLabelingGuide/ucm064904.htm Also meets Canada's FIA requirements:s as per: http://www.inspection.gc.ca/english/fssa/labeti/guide/ch5ae.shtml
-
CSS3/jQuery Stacked Cards
Prototype for a Stacked Contact Cards "virtual filing system" layout.
-
HTML5 Geolocation with IP-based Fallback
Locate an address and select from dropdown automatically to suggest starting location (or approximate) based on Geo-Location (lat,lon) or IP address approximation.
-
CSS Search Results styling
Some styles I commonly apply to API search result widgets.
-
HTML5 postMessage Chat
Chat client using HTML5 postMessage cross-domain.
-
Position iFrame
Absolutely position an iFrame's contents to display a particular section of an external site without relying on (or needing to know in advance) the IDs or NAMEs used for page hash anchor navigation links.
-
window.focus listener EXAMPLE
Looking for a way to prevent animations from firing when multiple tabs are open. Quick & Dirty solution...
-
jQuery animate
using the old way of setTimeout (without requestAnimationFrame)
-
requestAnimationFrame EXAMPLE
Looking for a way to prevent animations from firing when multiple tabs are open. Inspired by previous work from Paul Irish and Erik Möller.
-
CSS3 Animations
Impressively smooth and totally native/built-in to the browser, CSS3 Animations and Transitions may be the next big thing to empower Developers on the web!
-
CSS3 ChoiceStream Modules
Replicating the static images for ChoiceStream as CSS3 instead.
-
Audience-Activated Banner
Also known as the Pushdown/Rollover/Expandable Display Banner from IAB: http://www.iab.net/guidelines/508676/508767/displayguidelines#note2 This demo doesn't pause running videos when out of focus, but the final one does. See it in action here: http://bcmoney-mobiletv.com/ad/DEMO/banner-expandable.html
-
Scroll to Offset in iFrame
FireFox 4+ removed the ability to do this cross-domain due to security concerns. It can be done using trusted HTML5 cross-domain postMessage,
-
Automatic Last-Modified
To be used together with a Last-Modified checking script to automate the display of "Last Updated" next to a static external document (such as a Privacy Policy). For list of HTTP Header response types, see: http://en.wikipedia.org/wiki/List_of_HTTP_header_fields#Responses
-
Scrolling News Ticker
Started out as a "Poor/Lazy/Busy Man's Super Hi-Tech Interactive Scrolling News Ticker", now pretty sweet...
-
iFrame dynamic height
A minimal JavaScript snippet required to go in footer of a page that will be iframe'd, so that the iFrame's height will become dynamically resized to the full content's height.
-
Tumblr - video share button
The only 1-click video embed solution, works for Tumblr blogs (and customized blogs/feeds)... AWESOME!
-
Imgur - image share button
The only 1-click photo upload/embed code I know of... could be great for backing up, or just for creating an impressive Imgur portfolio, or a collection of your favorite photos (be careful of licenses and rights issues, don't forget to pay photographers and artists for their works when possible).