JSFiddle

jorgeluis's public fiddles

• Printer Form Modal

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Native Form with Polymer and Material Design

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Nested flex with full-width header

  content: heading with nested flex boxes. image as css background

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Flex layout with full-width header

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Single-div EVE

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Flexbox Playground

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Mouseover focus

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Basic Tooltips

  CSS-only (apply your own styles)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• embossed lettering

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Accessible Slider Module

  Based on the W3C/WAI recommendations here: https://www.w3.org/WAI/tutorials/carousels/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Animated Hamburger Menu

  jQuery (edge), HTML, SCSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• hCalendar Microformat Calendar Dates

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Animated feedback comments

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Accessible Tab Widget

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Vertically Centered Bootstrap Grid

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• My Media Object

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Nav-select

  css-only navigation element that displays as select box for small screens and inline links for larger ones.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• simple up and down svg arrows

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 2-colum sidebar with Bootstrap grid

  Requirements: Bootstrap 3, sidebar responsive with max-width of 320px

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Bootstrap with Metro-style tiles

  Client needed a responsive, metro-like tile interface but with bootstrap grid. They also wanted vertical centering on some of the tiles. And support down to IE9 to boot.

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ◀︎
• 4
• 5
• 6
• 7
• 8
• ▶︎
• 10