JSFiddle

nicooprat's public fiddles

• Example of async/await

  Use of BlueImp LoadImage library to demonstrate the power of ES7 async/await with Babel.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• gxoh9xL9

  jQuery 2.2.4, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS only tooltip, horizontally centered

  Yet another solution for CSS only tooltips. But this one automatically horizontally align them using the translate property.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS box-model margin WTF

  Why the heading margin would push the .content box ? Why adding a padding to .content would resolve this strange behavior ?

• Private fiddle Extra
• Delete fiddle
Groups Extra
• X8FFw

  jQuery 1.8.3, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 47THk

  Mootools 1.4.5, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• NS7SJ

  jQuery 1.8.3, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• kywqU

  Mootools 1.4.5, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Simple CSS-only breadcrumb

  Simple and neutral breacrumb, created without image, using the "CSS arrows" technique.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Fashion mobile Facebook-like menu (CSS only)

  Reproduce (simply) the famous dark-backgrounded left-sliding menu, as seen in the mobile Facebook application.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Pure CSS Tooltips

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQuery UI slider theme

  Small theme of jQuery UI slider with only CSS. Feel free to fork, use and abuse.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• dqjTJ

  Mootools 1.4.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Replace BR tags with only CSS

  You'hve a HTML text full of br tags and you can't remove them ? Here's the CSS-only solution to visually replace them by a simple empty space.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Easy "3D CSS card flip" example

  Let's see a very very basic integration of the awesome "card flip" effect with simple CSS3 properties. Feel free to use/share/contribute.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQuery jStick demo

  This is a very basic example of what you can do with the jQuery plugin "jStick". More info : https://github.com/nicooprat/jStick

• Private fiddle Extra
• Delete fiddle
Groups Extra