JSFiddle

Dini's public fiddles

• Input Vervollständigung

  jQuery 1.12.2, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Hide upwards

  jQuery 1.12.2, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Star-Rating

  5-Stars to rate whatever, CSS-only

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Bootstrap Cols

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Human RIG

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS3 Timer Animation

  jQuery 1.11.0, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Floating, Clearing & responsive Grid

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• qNW8j

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Absolute Centering an Element

  Different methods to absolutely center an element not only horizontally but also vertically within a container.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Automatic Text-Ellipsis with accompanying Image

  An element with dynamic width contains a random length text and an image, that's directly right of the text. When the container's size is to small to display all the text, it's automatically clipped with a text ellipsis.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Justified and vertically centered Header Elements

  1. Using 'text-align: justify' to evenly spread elements horizontally. 2. Vertically centering content without the help of 'float' or 'position: absolute'. ...both are achieved with the help of pseudo-elements.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Custom Checkbox (CSS only)

  A custom crossbrowser solution for CSS only checkboxes that don't rely on background images (although this is easily changeable, if desired).

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Centering an overwide Element

  Aligning a wide element with a fixed width within an inline container.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Fluid Video Wrapper

  A fully fluid video or image wrapper that adapts its size to a fixed aspect ratio controlled by the container's width.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Vertical align fluid Image

  Container with fix Height Image 100% width, vertical centered

• Private fiddle Extra
• Delete fiddle
Groups Extra