JSFiddle

  • Javascript Vue Sort By Properties

    Vue (edge), HTML, CSS, JavaScript 

    const vm = new Vue({
	el: 'main',
	data: {
  	personas: [
    	{
      	nombre: 'Alfredo',
        edad: -122787869,
        hijos: 1
      },
      {
      	nombre: 'Ricardo',
        edad: -156674669,
        hijos: 4 ...

  • JAVASCRIPT REDUCE

    Utilización de array.prototype.reduce() 

    var data = [
  {
    "aviso": "Es necesario que confirme sus datos personales",
    "canal": "WEB",
    "fecha": "14/06/2017",
    "nif": "50294595N",
    "tipo": "Mi ...

  • Javascript recursividad

    funciones recursivas vs iteraciones 

    function countdown(n) {
	var secArray = []
  for (n; n >= 1; n--) {
  	secArray.push(n)
  }
	return secArray
}

function rcountdown(n) {
	if (!n ...

  • JAVASCRIPT FILTER

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

    "use strict";
var data = [
  {
    "aviso": "Es necesario que confirme sus datos personales",
    "canal": "WEB",
    "fecha": "14/06/2017",
    "nif": "50294595N ...

  • CSS Image adaptative

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

    <img class="graph-responsive" src="https://i.ytimg.com/vi/zthTHupvtnU/hqdefault.jpg" alt="">
<img class="img-responsive" src="http://sumedico.com/wp-content/uploads/2016/06/C%C3%B3mo_saber_si_tu_gato_te_quiere.jpg" alt="">

  • GroupBy Object Alternative 2 #1 is the latest revision

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

    "use strict";

Array.prototype.groupBy = function (prop) {
  return this.reduce(function (groups, item) {
    var val = item[prop];
    groups[val] = groups ...

  • VueJS Custom directives #1 is the latest revision

    Directive active 

    Vue.directive('active', {
	bind: function (el, binding, vnode) {
  	if (binding.value) el.classList.add('active')
    else el.classList.remove('active ...

  • Placeholder Avatars

    jQuery (edge), HTML, CSS, JavaScript 

    String.prototype.hashCode = function() {
			var hash = 0,
						i, chr, len;
			if (this.length == 0) return hash;
			for (i = 0, len ...

  • crypt.io implements secures browser storage

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

    !function(a,b){"use strict";var c=c||function(){var d={encrypt:!0,passphrase:"",storage:"local"},e=e||{init:function ...

  • VueJS ejercicio

    Vue (edge), HTML, CSS, JavaScript 

    'use strict'

const vm = new Vue({
    el: 'main', // https://vuejs.org/v2/api/#el
    //template: '', // https://vuejs.org/v2/api ...