davidhong's public fiddles
-
VP3 Slider - Prototype #1
Requirements: - A good user feedback - Server for accuracy
-
Backbone Boilerplate
Starting template for prototypes using Bootstrap and Backbone.
-
Multiple form entries
Experimental UX for entering multiple entries of the same object. Uses Backbone and localStorage to persist data. Won't work in IE9-
-
My Shopping Bag - Prototype #1
MSB from scratch. Attempt #1.
-
jQuery Mobile based Prototyping Template
If you need a quick prototyping framework, use this as the template. Fork it and hack away!
-
Test Case Boilerplate
Fork this way...
-
Readability test
The quest to find the serif of my life.
-
First prototype of davidhong.co
Main area of concern are: - Layout - Typography
-
$.fn.serializeObject
Much like $.serialize, but it serializes into JSON object instead of a string;
-
_.js playground
No-Library (pure JS), HTML, CSS, JavaScript
-
A CSS3 based Count down timer
With beautiful ticking clock!
-
Simple interface definition for ChatR
Playground for determining API for ChatR.
-
Determine if page is running inside an <iframe>
No-Library (pure JS), HTML, CSS, JavaScript
-
HTMLElement test
A simple test to determine if a given javascript object is of HTMLElement type
-
Simple required fields attr demo
Mootools 1.4.0, HTML, CSS, JavaScript
-
Testing fillText vs HTML rendering
letter-spacing seems to be different on Firefox 6. (Haven't tested on previous versions of Firefox). If you disable direct2d on Firefox (via about:config). The widths reported are same.
-
Simple CSS properties parser
No-Library (pure JS), HTML, CSS, JavaScript
-
CanvasRenderingContext2D extensions for better font support
Aim here is to implement CSS 1 and CSS 2 support for fonts; CSS 1 properties are covered by the context.font property. CSS 2 properties: word-spacing letter-spacing text-decoration vertical-align text-transform text-align line-height will be added to the CanvasRenderingContext2D as an extension. This is a demo.
-
Extension to fillText for letter-spacing
Just a demo
-
The North Face logo (with text)
Without scaling! The text "THE NORTH FACE" is rendered as part of HTML markup not inside Canvas.