JSFiddle

Sheryl's public fiddles

• MySQL: INSERT to INSERT ... ON DUPLICATE UPDATE

  script to convert MySQL dumps from INSERT statements to INSERT ... ON DUPLICATE UPDATE statements. (Converted a Fiddle that changed INSERT into UPDATE. For limitations, See SO: https://stackoverflow.com/a/55337940/5411817)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 1xomvks9

  jQuery 3.3.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Phone formatter

  javascript function to help format phone number

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Phone formatter

  javascript function to help format phone number

• Private fiddle Extra
• Delete fiddle
Groups Extra
• vm0z5h4b

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 1L6zaehx

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• how-to-get-these-two-divs-side-by-side

  fork of answer to https://stackoverflow.com/questions/5387392/how-to-get-these-two-divs-side-by-side

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 1L6pexcb

  Mootools 1.3.1 (compat), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Grid layout

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Header Problem

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS Selector types (child, descendant, sibling, child combinator)

  Compare descendent selectors (most polular) with direct descendent and sibling selectors Goal: want bottom border on row ends, except the row that holds the heading.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jv3xwuf1

  examples from https://mattboldt.com/kicking-ass-with-display-table/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Javascript Auto Slugify

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Javascript Auto Slugify

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• intra nav-bar with fixed header Pure CSS Solution - fix Intro link

  try again to find a fix for the "intro" link to position itself correctly

• Private fiddle Extra
• Delete fiddle
Groups Extra
• intra nav-bar with fixed header Pure CSS Solution - fix Intro link

  try again to find a fix for the "intro" link to position itself correctly

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS relative vs absolute; and left, right

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS positioning: relative, absolute, fixed, static

  Examples from https://www.w3schools.com/css/css_positioning.asp combined in one page for comparison and contrast.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• intra nav-bar with fixed header Pure CSS Solution - fix Intro link

  try again to find a fix for the "intro" link to position itself correctly

• Private fiddle Extra
• Delete fiddle
Groups Extra
• intra nave-bar with fixed header Pure CSS Solution

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

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ▶︎
• 2