Chris's public fiddles
-
zbczdest
jQuery 1.9.1, HTML, CSS, JavaScript
-
5woz4411
No-Library (pure JS), HTML, CSS, JavaScript
-
v082uesn
No-Library (pure JS), HTML, CSS, JavaScript
-
c323fv4p
No-Library (pure JS), HTML, CSS, JavaScript
-
p6432qbe
upload concept
-
fcrexpym
A simple demonstration of how to make a progress bar in HTML (not HTML5)
-
css3 arrows
Demo using CSS3 to create arrows.
-
g4ourd5n
No-Library (pure JS), HTML, CSS, JavaScript
-
ddpofff8
jQuery 1.8.3, HTML, CSS, JavaScript
-
1ht4dvqw
jQuery 1.8.3, HTML, CSS, JavaScript
-
y6zwL1zy
No-Library (pure JS), HTML, CSS, JavaScript
-
3rb0L13j
jQuery 1.8.3, HTML, CSS, JavaScript
-
hwcfL82h
No-Library (pure JS), HTML, CSS, JavaScript
-
12aLvgfj
An example of how system colours are used on form elements in Firefox. Note colours appear to be inherited in Chrome.
-
o26t3aqs
No-Library (pure JS), HTML, CSS, JavaScript
-
s2s4ke4k
No-Library (pure JS), HTML, CSS, JavaScript
-
Lca7kfrx
Binary tree in javascript. Based on http://www.i-programmer.info/programming/javascript/1899-javascript-data-structures-the-binary-tree.html?start=2
-
Manipulating CSS stylesheets using javascript
A demo based on this article: http://www.hunlock.com/blogs/Totally_Pwn_CSS_with_Javascript This makes it possible to assign a class to an element and then define the characteristics of that class later on. This avoids using ugly tags like style="background-color: green" in say dynamically created elements that need custom css. A table is used here but you could equally apply this to any element.
-
How jQuery chains commands
Example of how jQuery chains commands. Essentially each function returns 'this' which is the parent function. Note that it doesn't matter whether or not the options are in quotes. I've also added in a method of adding custom functions: .add(name,fn) where name is the function name an fn is the function itself, .exec(name, args) where name is the function name and args is any arguments to be passed to it.
-
jo352a7f
Handling images that are still loading/cannot load due to bad URL while using the jQuery cycle() plugin Cycle() allows content other than <img> tags as slideshow panes. Utilizing this, we use <div> blocks as panes and the images as children. Each div has a background image (a loader gif) that will be displayed until the image in the child <img> has loaded. This is accomplished by binding the image load to a function that shows() the image. Note the use of .one() rather than .bind() so it's only called once. You could also use fadeIn() instead of show() if you were using this method outside of cycle(). Finally, if the image has already loaded (such as with the last image (e) that has the same src as image d) then the load function is called thanks to the .each() function. error() will be called if the image has a bad url. In this example we're replacing the background image of the slideshow pane (div) with a sad panda ;)