JSFiddle

mayoung's public fiddles

• Closure Example

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• JavaScript Best Practices

  Just a few best practices to help.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• r84kT

  Mootools 1.4.5, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Tab Example

  These tabs don't refocus the page when clicked.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Cool CSS Arrow Tab

  Arrow tab with CSS.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Deferring the Parsing of JS

  An example of Google's recommendation to speed up web pages by deferring the parsing of unnecessary JavaScript.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• JS Functions

  A couple of examples of JS function declaration and firing.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• setInterval, bad!!! This, good.

  Using setTimeout to mimic setInterval for recursive JS.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS3 Tooltip

  Creating tooltip with CSS3.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Simple Lightbox

  Uses jQuery, CSS and HTML. Centers lightbox based on width of viewport.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Jaiden's Addition Game

  Simple app to add two numbers, and check to see if the value you've entered as an answer is correct.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Full-screen Background Image Resizing

  Resizes and centers background image based on window height and width.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Image Preloading with jQuery

  Preloads 4 large images and allows user to quickly change HTML image source with no loading delay.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS Media Queries

  Simple CSS media query with CSS3 transition.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS Positioning

  CSS example of position elements using static, relative, fixed and absolute.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS Floating

  Examples of different ways to float and clear floating elements.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• HTML/CSS Equal Height Fluid Columns

  Auto height columns that also adjust with the width of the page.

• Private fiddle Extra
• Delete fiddle
Groups Extra