HTML a PDF con JavaScript

En este post te mostraré cómo exportar una página web a PDF a través de un botón, enlace o cualquier cosa soportada por JavaScript. A este proceso también se le conoce como convertir HTML a PDF. Es decir, convertir web a PDF usando programación con JavaScript y las siguientes librerías: html2canvas jsPDF html2pdf De hecho, html2pdf usa las dos librerías anteriores. Aunque parece complejo, verás que no lo es realmente. Con esta librería podemos crear un PDF muy parecido a la página web, incluyendo imágenes. ...

septiembre 6, 2020 · 6 min · 1086 palabras · Parzibyte

Imágenes responsivas con CSS

En este post sobre diseño responsivo en CSS te mostraré cómo hacer que una imagen sea responsiva o responsive. Es decir, que se adapte a cualquier tamaño de pantalla. Hacer una imagen adaptable es útil cuando no usamos frameworks de diseño como Bootstrap, Bulma, etcétera, y queremos que la imagen sea responsiva. ...

septiembre 6, 2020 · 2 min · 253 palabras · Parzibyte

Conecta 4 en JavaScript y HTML

En este post te mostraré el juego de Conecta 4 programado en JavaScript con HTML y Vue, con estilos de Bootstrap. Es el juego de Conecta 4 pero versión web con opción jugador contra jugador, así como jugador contra CPU que usa una pequeña inteligencia artificial. A lo largo del post te mostraré cómo funciona el juego, qué tecnologías he usado, estilos, etcétera. También te mostraré cómo descargar el código fuente, pues el juego es totalmente gratuito y open source. Finalmente te dejaré una demostración para jugar conecta 4 en línea. ...

agosto 5, 2020 · 17 min · 3575 palabras · Parzibyte

Limpiar elemento HTML con JavaScript

En este corto post te mostraré cómo limpiar un elemento HTML con JavaScript, es decir, algo como el método “empty” de jQuery, pero con JavaScript puro. Por ejemplo, con esto que te mostraré sabrás cómo eliminar todo el contenido de un elemento HTML ya sea una tabla, una lista, etcétera. A lo que haremos también se le conoce como Remover todos los hijos de un elemento HTML. ...

julio 29, 2020 · 2 min · 249 palabras · Parzibyte

Centrar tabla en HTML con CSS

Este post es muy corto. Solo vamos a ver cómo centrar una tabla en una página web, usando CSS. ...

julio 7, 2020 · 2 min · 226 palabras · Parzibyte

Leer código de barras con JavaScript y cámara

En este post te mostraré cómo leer códigos de barras en el navegador web ya sea de una computadora o dispositivo móvil, usando la cámara del teléfono o la cámara web; y el lenguaje nativo JavaScript. Esto hace que podamos hacer nuestras aplicaciones web todavía más diversas y con más características; en un ejemplo simple se me ocurre escanear el código de barras para un sistema de ventas. La librería que vamos a usar se llama QuaggaJS y es capaz de leer códigos de barras con formato EAN, CODE 128, CODE 39, EAN 8, UPC-A, UPC-C, I2of5, 2of5, CODE 93 y CODABAR. Con esto, podremos leer códigos de barras en dispositivos móviles o computadoras en tiempo real. ...

junio 22, 2020 · 7 min · 1385 palabras · Parzibyte

Laravel: agregar campos a User

En este post te mostraré cómo puedes agregar campos de la tabla “users” en Laravel para así poder añadir algunos campos al modelo User. Explicado con otras palabras vamos a modificar la tabla de usuarios. Con este modelo me refiero al usuario que se usa para iniciar sesión y en general hacer la autenticación en Laravel. Veremos cómo agregar otro campo además de los que ya existen. ...

junio 18, 2020 · 2 min · 400 palabras · Parzibyte

Checkbox en JavaScript

En este post te mostraré cómo trabajar con un input de tipo checkbox en JavaScript. Será muy simple, veremos cómo marcar / desmarcar el input, y también cómo saber si está marcado o no. Usaremos JavaScript puro; nada de frameworks. ...

mayo 6, 2020 · 2 min · 346 palabras · Parzibyte

Limitar tamaño de archivo en input file

Hoy veremos cómo usar JavaScript para limitar el tamaño de un archivo que se carga en un input de tipo file. Es decir, solo permitir que se seleccionen archivos menores a determinada cantidad, por ejemplo, 10 Megabytes. Todo esto lo haremos en el lado del cliente. ...

abril 30, 2020 · 3 min · 460 palabras · Parzibyte

Prevenir envío de formulario con Enter

En este post sobre formularios HTML y JavaScript vamos a ver cómo prevenir que el form sea enviado al presionar la tecla Enter; para ello se usará JavaScript o un simple atributo HTML. ...

abril 28, 2020 · 3 min · 484 palabras · Parzibyte