Para poder usar rgba() junto a variables sass y custom properties hay que transformar el valor del color a rgb, no es válido en hexadecimal. A continuación 2 formas de usar variables SASS + custom properties en colores rgba y […]

Ejemplos de uso de las custom properties (o tambien conocidas como variables css) de css junto con las variables de SASS. $color-principal: #222; $color-secundario: #f02; :root { –color-uno: #{$color-principal}; –color-dos: #{$color-secundario}; } Para insertar el valor de variable SASS al […]

Si usas chrome/safari y tienes algún input type=»search», este monstrará una «x» a la derecha (que tiene el fin de que al pinchar en ella se borre el texto que haya escrito en el input en ese momento)…. para borrarla […]

Entremos en la carpeta de instalación de cmder ejecutar el comando: Cmder.exe /register Y a partir de ese momento ya aparecerá el icono de la aplicación de cmder la hacer click con botón derecho en el menu contextual de windows. […]

Función javascript para averiguar el momento en el que el usuario dejar de scrollear en la página web, pudiéndole pasar el tiempo de refresco que más nos interese. por defecto 100 milisegundos. function noScroll (callback, refresh = 100) { if […]

Vanilla JS: FadeOut()

Simular el efecto FadeOut de jQuery usando solo Vanilla JS. La siguiente función javascript fadeOut() consta de 2 parámetros: elemento y duración (este ultimo opcional) para controlar el tiempo que quermeos que dure la animación. function fadeOut(element, duration = 600) […]

Ahora es muy sencillo conseguir ese diseño de botón o elemento con un borde redondeado externo separado x pixeles. Usando la propiedad outline-offset podemos establecer un espacio entre un contorno outline y el límite del elemento. Antes para conseguir este […]

Para saber si un array en JavaScript esta vacío podemos hacer la siguiente expresión js: const arrayVacio = (arr) => !Array.isArray(arr) || arr.length === 0; // Ejemplos arrayVacio([]); // true arrayVacio(['Raúl', 'Marta']); // false