JSFiddle

Cristian 's public fiddles

• SVG Spinners

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• uv2xen21

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Spinner Icon in SVG

  This is a SVG Spinner Icon.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• wecg4a9q

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• yqorkojm

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Unpkg Sample

  This fiddle was created only to test the unpkg tool, in this case, load jquery from npm.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 4s0c9gah

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• ESPN NBA Scoreboard

  This fiddle was created while I was watching Houston at Dallas on ESPN. It's just a recreation of the ESPN Scoreboard used on NBA broadcasts.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Flex Clickable Boxes

  This fiddle shows clickable row-aligned boxes with flex.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Warning

  This is a fiddle with an animated warning text.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• The Fibonacci Grid

  This fiddle shows a grid, with the distribution of the cells resembling a Fibonacci spiral. Originally posted on Codepen: https://codepen.io/CrisMVP3200/pen/YEEJdd

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Video Test

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• The parent has opacity, the child hasn't

  This fiddle consists on a parent element with a background image, and a child element with a color background. The child element uses a RGBA color , preventing all the elements inside the child to be affected by the opacity.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Element-centered box

  This fiddle shows a box. Inside the box is a text centered by using the flex properties.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Labeled Boxes

  This fiddle show some labeled boxes.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Landscape or Portrait

  The purpose of this fiddle is to show the orientation of the screen, based on the width and height of it. Originally posted on Codepen: https://codepen.io/CrisMVP3200/pen/BmBaZy

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Redirect on click after n seconds

  This fiddle shows a video. Once clicked, if the current time of the video is higher than 5 seconds, it redirects to another URL.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• BS4 Rows and Columns

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• BS4 Full Width Texts and Labels

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• BS4 Fixed Width Texts and Labels

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

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• 2
• 3
• ▶︎
• 9