El Operador condicional (ternario) hace que los condicionales sean más sencillos en JavaScript. Se usa a menudo como atajo para la instrucción if. tiene tres operandos: condición ? verdadero : falso; Un ejemplo de condicional normal: let edad = 13, […]

Pasos para extraer y guardar datos scrapeados con puppeteer en determinada base de datos mysql. Primero necesitamos instalar la librerias de puppeteer y mysql: npm i puppeteer-core npm install mysql Y una demo sencilla para guardar unos datos (nombre y […]

Por defecto, SwiperJS solo carga su core version, es decir, sin módulos adicionales (como Navigation, Pagination, etc). Por lo tanto, para que funcionen debes primero importarlos y configurarlos. Ej: // core version + módulos navigation y pagination: import Swiper, { […]

Un ejemplo sencillo en vanilla js para recorrer y leer un determinado archivo json usando el método fetch() de javascript: fetch('mi-archivo.json') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.log(error));

NPM tiene un sistema de control de dependencias para ver cuales podemos actualizar. Usando el comando outdated de npm podemos ver la versión actual de las dependencias que tienen actualizaciones. Ejemplo: npm outdated

Para usar las variables o propiedades personalizadas de css en sass hay que usar el comodín #{$nombre-variable-sass} para indicar el valor de la custom propertie como podemos ver en el siguiente ejemplo: // Variables SASS $color-bg: #f00; // :root { […]

Si usas el plugin Jetpack en tu WordPress y quieres eliminar del front el archivo jetpack.css que carga por defecto en el <head> de todas tus páginas… necesitas añadir este código php al archivo functions.php de tu tema: add_filter( 'jetpack_implode_frontend_css', […]

Código js para averiguar si tenemos activada la tecla «Bloq Mayus» en nuestro teclado, la cual activa el uso continuo de las letras mayúsculas, y puede que en algunos casos eso no nos interese. Un ejemplo en un input password: […]

Podemos usar la regla @media con pointer: coarse de css para detectar dispositivos con pantallas táctiles como pueden ser tablets o smartphones y en ese caso aplicar los estilos que necesitemos dentro. Un ejemplo: @media (pointer: coarse) { /* tus […]