JSFiddle

Facundo's public fiddles

• Promise implementation test

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Bluebird.coroutine

  Bluebird promises with coroutine.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 7fgypvfp

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 2vnn64eb

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• ufjfvxm6

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 9qgazzLa

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• L90t5mdL

  jQuery 1.11.0, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Middle East - Highmaps

  Highmaps demo

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS: Radial gradient simulating a shadow

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• JavaScript scroll down.

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• XPATH - pureJS example.

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• parralax con CSS puro EJEMPLO 2

  refrencia --> http://ksesocss.blogspot.com/2014/02/parallax-scroll-pure-css.html

• Private fiddle Extra
• Delete fiddle
Groups Extra
• parralax con CSS puro

  refrencia --> http://ksesocss.blogspot.com/2014/02/parallax-scroll-pure-css.html

• Private fiddle Extra
• Delete fiddle
Groups Extra
• position: fixed dejando de ser fixed en contexto de dibujado.

  Con las transformaciones, CSS mencionaba que el navegador está obligado a crear un espacio o contexto abstracto donde llevarlas a cabo sin interferir con otros elementos no afectados por ellas otro de los efectos "secundarios" de ella es que para el valor fixed su referente ya no es el espacio en el que se representa (dibuja) la web (el vieport o ventana). Esta referencia ha sido reemplazada por el elemento que crea ese "espacio o capa" en el que se realiza la transformación.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• solucion (JQuery) a background-attachment: fixed con background-size: cover

  jQuery 1.7.2, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Botones hexagonal con hover cuadrado

  Solo son 3 divs, que se muestran en el primer ejemplo como arman el hexágono con overflow:hidden y rotando los divs internos. Finalmente en el segundo exagono se

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Botones hexagonal con hover cuadrado

  Solo son 3 divs, que se muestran en el primer ejemplo como arman el hexágono con overflow:hidden y rotando los divs internos. Finalmente en el segundo exagono se

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Ubicando objetos con flex y margin

  El efecto se logra con los siguientes atributos en el contenedor: display:flex; justify-content: space-between; y en los items solo margin:auto, esto hace que el margen ocupe todo el espacio restante.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Efecto letra por letra y palabra por palabra (JS puro)

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• @counter-style

  Al momento de actualizar este artículo, Febrero de 2015, Firefox ya da soporte a la regla @counter-style. Permite definir los simbolos para los contadores o listas. Todavia muy verde. Valores permitidos: cyclic | numeric | alphabetic | symbolic | additive | [fixed <integer>?] | [ override <counter-style-name> ] ver --> http://ksesocss.blogspot.com/2013/07/regla-css3-counter-style.html?utm_source=feedburner&utm_medium=email&utm_campaign=Feed%3A+Ksesocss+%28KsesoCSS%29

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• 2
• 3
• ▶︎
• 7