JSFiddle

Frits's public fiddles

• pctruler2

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• csstree

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• thead fixed with sticky

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• ace editor moving markers

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 7mnwy4kb

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 8gba7Lxy

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• File Input redesign

  Redesigning the input type="file" by overlaying the thing with a new presentation and using opacity: 0 to hide the ugly beast.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Nested joining of controls.

  Like Bulma, but with 2 level of "addons": one inside the control, one outside the control.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Nested joining of controls.

  Like Bulma, but with 2 level of "addons": one inside the control, one outside the control.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Joining controls together, Bulma style

  Using some classes and wrappers around controls and control sets, make controls joinable easily.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Merge borders of two ajacent divs

  Use margin-right: -1px to "overwrite" the border. When hovering both borders are still changing!

• Private fiddle Extra
• Delete fiddle
Groups Extra
• FlexBox Page layout: Responsive table with multiple headers

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Embedded layouts

  Shows the "holy grail" of layouts using flexbox, with an auto-sizing header and main content area.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Fullpage with autostretch main area using flexbox.

  Shows the "holy grail" of layouts using flexbox, with an auto-sizing header and main content area.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Vertical full-screen flexbox

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jmd0ycta

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

• Private fiddle Extra
• Delete fiddle
Groups Extra