JSFiddle

javier_tejero's public fiddles

• vm7a94pL

  jQuery 3.3.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• reactjs playground

  https://github.com/enaqx/awesome-react

• Private fiddle Extra
• Delete fiddle
Groups Extra
• deconstruction of stroll for new items

  reusing CSS and basic concepts kudos to Hakim El Hattab NOTE: Due to the original trasition context it's very noticiable that when adding elements there is a part visible before the animation starts...

• Private fiddle Extra
• Delete fiddle
Groups Extra
• background+box-shadow animation for Form Alerts

  POC to be used in form fields to visually notify the validation errors because of required fields. Works nice when we don't want to modify the DOM and/or adding additional elements.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Flag object

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• playing with CSS specifity, inheritance and cascade

  http://www.w3.org/TR/selectors/ A selector's specificity is calculated as follows: count the number of ID selectors in the selector (= a) count the number of class selectors, attributes selectors, and pseudo-classes in the selector (= b) count the number of type selectors and pseudo-elements in the selector (= c) ignore the universal selector http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/ CONCLUSION: because of this, if we want KISS and keep you CSS "flexible" enough (easy to mantain...) we should avoid IDs in styling, we should use less element nesting (also because of rendering performance), we should better rely on order of definition (which is the easiest to grok). BUT we need to know all these rules so we don't face any issue, etc.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• JavaScript test for CSS3 "transitionEnd"

  A JavaScript function that tests if the browser has support for CSS3 "transitionEnd" event.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Flexbox Article 2 (modified)

  Mootools 1.4.5, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• scrobmaster test

  a quick&dirty sample to generate scrolling accordion effect caveat: CPU consumption high, not profiled, etc. not ready for production :) developed with chrome 25+

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Draggable connected to sortable the right way! yay!!!

  jQuery (edge), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Draggable, sortable, with cloning, so Source is add-only (a non-sortable 'sortable' XD)

  jQuery (edge), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Draggable, sortable, with goodies (swap style, dblclick)

  jQuery (edge), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Draggable, droppable, and sortable list

  http://www.knockmeout.net/2011/05/dragging-dropping-and-sorting-with.html

• Private fiddle Extra
• Delete fiddle
Groups Extra
• populating list, detach and pushing

  jQuery (edge), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Sometimes fixed position element

  Snippet found : http://www.bennadel.com/blog/1810-Creating-A-Sometimes-Fixed-Position-Element-With-jQuery.htm

• Private fiddle Extra
• Delete fiddle
Groups Extra
• y combinator with logging

  understanding Y combinator

• Private fiddle Extra
• Delete fiddle
Groups Extra
• testing json echo

  jQuery (edge), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• demo chain

  jquery async is broken... I can't make it work

• Private fiddle Extra
• Delete fiddle
Groups Extra
• hQVvD

  jQuery (edge), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• dates INPUT

  jQuery (edge), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ▶︎
• 2