JSFiddle

wphotline's public fiddles

• gradient control

  control your css gradients using background size

• Private fiddle Extra
• Delete fiddle
Groups Extra
• equidistant boxes

  by Chris Coyer

• Private fiddle Extra
• Delete fiddle
Groups Extra
• text on a circle

  source

• Private fiddle Extra
• Delete fiddle
Groups Extra
• flexi images

  Uncle Daves flexi images http://codepen.io/davatron5000/pen/flexy_image_grid/5

• Private fiddle Extra
• Delete fiddle
Groups Extra
• nav test

  trying to solve selector issue with the

• Private fiddle Extra
• Delete fiddle
Groups Extra
• picture punch

  Mootools 1.4.5, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Text as texture

  Mootools 1.4.5, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jquery ajax json

  how to make jQuery ajax (json) requests in WordPress add actions and functions in html go in functions.php file

• Private fiddle Extra
• Delete fiddle
Groups Extra
• conditionally load content

  using media queries to conditionally load content using CSS attribute: after as the trigger

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Justify horizontal menu

  http://stackoverflow.com/questions/49536/how-do-i-really-justify-a-horizontal-menu-in-htmlcss

• Private fiddle Extra
• Delete fiddle
Groups Extra
• nav buttons

  Mootools 1.4.5, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• vertical centered

  http://dabblet.com/gist/2403795

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Underscore – _.reduce()

  http://freshbrewedcode.com/jimcowart/2012/03/23/underscore-_-reduce/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Corner Triangle Add

  Mootools 1.4.5, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• JS detection of CSS generated content support

  Proof of concept. Uses JavaScript (jQuery) to detect browser's level of CSS generated content support.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS drop-shadows: solutions/hacks

  Two possible solutions to prevent pseudo-element 'shadows' dropping behind the background of a containing element. (Demo for @beep)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• A Few CSS Shapes

  Mootools 1.4.5, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• A Few CSS Shapes

  Mootools 1.4.5, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS Fancy download button

  Mootools 1.4.5, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS Speech Bubble

  Mootools 1.4.5, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• 2
• 3
• ▶︎
• 4