JSFiddle

contendia's public fiddles

• CSS3 Lifted Corner Shadows

  Created for: http://stackoverflow.com/questions/10541315/best-way-to-do-this-kind-of-drop-shadow/10541430#10541430

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Bootstrap offcanvas

  When you want to use offcanvas for something other than the main site navigation, it needs to be modified to allow the sidebar to move on and off screen without affecting the header or footer. This example does that without added JS.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Horizontal accordion using multiple unordered lists

  Using jQuery to make multiple horizontal lists behave like a single accordion.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Bootstrap multiple navbars and data-toggle links

  Using multiple nav bars and multiple data-toggle links in Bootstrap.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Horizontal accordion using unordered list

  Using jQuery to make a horizontal list behave like an accordion.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Play YouTube video on hover

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Pure CSS pointed end menu items

  Using pure css and minimal markup to create pure CSS menu items.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Cool star css trick...

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Test focus on input field after validation

  calling .focus() on an input field is not consistent cross-browser. Specifically, FireFox and some versions of IE seem to have trouble with .focus() due to the precedence of specific events. The solution is to wrap the call to focus in a setTimeout(). See these posts for more info: http://stackoverflow.com/questions/7046798/jquery-focus-fails-on-firefox http://stackoverflow.com/questions/7046012/jquery-focus-on-input-field

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Horizontal Centering

  HOrizontal centering in CSS without needing to know a height value.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Centered Horizontal List with Media Query

  No JS here. Just simple CSS and HTML for a centered horizontal list. A simple media query is added to demonstrate how they work.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jq_Zoom-Colorbox-Thumbs

  Using Colorbox and Zoom from: http://jacklmoore.com/ along with a small thumbnail to full image src update script.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Using data-* attributes to break out product options with jQuery

  Given data attributes with product options, use jQuery to break them apart and create a more user-friendly interface for selecting the options. Fails gracefully.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Centered Horizontal List

  No JS here. Just simple CSS and HTML for a centered horizontal list.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jq Collapsing Menu

  Collapse multiple UL menus and dynamically set active status to menu items based on the URL path.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jq AutoTabs

  Dynamically generate tabs.

• Private fiddle Extra
• Delete fiddle
Groups Extra