JSFiddle

jorgeluis's public fiddles

• SVG text on a circle

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Inflating box

  using svg morphing (CSS) to make a box appear to inflate on hover.

  • Delete fiddle
• Responsive Table

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• 3D transform w perspective

  nice way to show horizontal layers or levels

  • Delete fiddle
• simple background videos

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• pulsing button #32 is the latest revision

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Multiple background image effects #1 is the latest revision

  No-Library (pure JS), HTML, SCSS, JavaScript

  • Delete fiddle
• My Responsive Nav

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Using MutationObserver to detect when a div has been appended to an element

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• SVG Countdown class

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• SVG countdown dial

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Blog module: Byline and sharing icons

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Binding event on pseudo element

  jQuery Compat (edge), HTML, CSS, JavaScript

  • Delete fiddle
• FB Javascript SDK #7 is the latest revision

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Handsontable test #2 is the latest revision

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• SVG Chevrons

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Foundation grid with fixed-width sidebar

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• An Example of a Google Bar Chart

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Foundation grid with fixed-width sidebar

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• svg header

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• DeviceOrientation demo

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Swatch UI widget #1 is the latest revision

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Fadeout list items using css transition

  jQuery 2.1.0, HTML, CSS, JavaScript

  • Delete fiddle
• Assert function

  Resig's assert function for testing javascript with example

  • Delete fiddle
• hover box-shadow with no repaint

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• styling a select box (can't really)

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• select switch element visibility

  jQuery 2.1.3, HTML, CSS, JavaScript

  • Delete fiddle
• Throttle function

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Input type="color"

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• pure css right chevron #9 is the latest revision

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• hot sunset

  playing around with CSS radial gradient

  • Delete fiddle
• border-radius animation #1 is the latest revision

  css animate border-radius to show active state

  • Delete fiddle
• testing margin-left to fix inline-block

  removing whitespace with ems is more adaptable (breaks less)

  • Delete fiddle
• input types

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• updateStatus

  animate a status update

  • Delete fiddle
• Testing variables

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• swap background image on pseudo element

  Zepto 1.0rc1, HTML, CSS, JavaScript

  • Delete fiddle
• change/fade full cover bkgd image #7 is the latest revision

  jQuery Compat (edge), HTML, CSS, JavaScript

  • Delete fiddle
• setCardType

  set credit card type based on regex of input value (mod of http://mel-green.com/2008/11/determine-credit-card-type-with-javascript/)

  • Delete fiddle
• Tappable radio buttons #17 is the latest revision

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Inline-block, negative margin hack

  testing for the best em value to fix the whitespace bug

  • Delete fiddle
• table-cells vs. inline-blocks #1 is the latest revision

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• base select #12 is the latest revision

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• table-cells vs. inline-blocks

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Inline-block row #7 is the latest revision

  pattern for inline-block elements

  • Delete fiddle
• Inline-block row

  pattern for inline-block elements

  • Delete fiddle
• flag Image Sizes

  jQuery 1.8.3, HTML, CSS, JavaScript

  • Delete fiddle
• loop through text list

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• drawer

  jQuery (edge), HTML, CSS, JavaScript

  • Delete fiddle
• helper popovers - hide on blur

  for new visitors to the app, to show them a hint for their first time. On the blur event, the popover goes away and a cookie (or localStorage key/value pair) is set to prevent it from showing again. Like "featureHintSeen:true"

  • Delete fiddle
• text-shadows!!

  jQuery (edge), HTML, CSS, JavaScript

  • Delete fiddle
• POC : using outline on modal instead of separate overlay div

  Mootools 1.4.5, HTML, CSS, JavaScript

  • Delete fiddle
• tweet-sized templating enging #1 is the latest revision

  by Thomas Fuchs

  • Delete fiddle
• CSS text-overflow ellipsis

  Mootools 1.4.5, HTML, CSS, JavaScript

  • Delete fiddle
• toggleAnswers

  jQuery 1.7.1, HTML, CSS, JavaScript

  • Delete fiddle
• window.location object

  jQuery 1.7.1, HTML, CSS, JavaScript

  • Delete fiddle
• toggleExtraItems

  jQuery 1.7.1, HTML, CSS, JavaScript

  • Delete fiddle
• $.rand plugin

  originally at: http://www.labs.skengdon.com/rand

  • Delete fiddle
• Floating bar (aka Rocketbar)

  Mootools 1.4.4, HTML, CSS, JavaScript

  • Delete fiddle

• 1
• 2