JavaScript - Generar archivo txt con Blob

En este post te mostraré cómo crear un archivo de texto en el navegador con JavaScript, escribir contenido dentro del mismo y luego forzar su descarga. Básicamente vamos a guardar un Blob con JS. De este modo vas a poder generar un txt con JS y descargarlo. Además, con lo que te mostraré podrás generar un CSV o cualquier tipo de archivo siempre y cuando sepas estructurarlo. Todo lo que aprenderás será aplicado del lado del cliente, así que no harás llamadas al servidor. Por cierto, usaremos Blob y URL.createObjectURL. ...

agosto 31, 2021 · 3 min · 472 palabras · Parzibyte

Mostrar ubicación en mapa en tiempo real - Programación

En el artículo de hoy te mostraré cómo mostrar la ubicación del usuario en un mapa en tiempo real e ir actualizando el marcador del mapa conforme el usuario se mueva. Esto puede servir para varias cosas. La más simple es mostrarle al usuario su ubicación en el mapa, pero puede enfocarse a algo tan complejo como hacer algo como Uber (enviando la ubicación a un servidor y todo eso). Por cierto, vamos a usar JavaScript y OpenLayers (alternativa a Google Maps): tecnologías gratuitas y open source que no nos obligan a aceptar licencias ni pagar. Obviamente esto se puede usar en dispositivos móviles Android o iOS mientras tengan un navegador web decente. Y más tarde podemos convertir la app web en una PWA para que sea algo así como una app nativa (como hice con la app de transportes). Pero bueno, vamos a lo interesante: cómo obtener la ubicación del usuario y mostrarla en el mapa mientras se mueve. Puedes acceder a la demostración justo ahora desde este enlace. Te debería mostrar tu ubicación actual con el símbolo de un auto. ...

agosto 4, 2021 · 6 min · 1245 palabras · Parzibyte

Recortar foto con PHP

Hoy voy a enseñarte a recortar una foto con PHP dando al usuario la posibilidad de recortar una foto y luego guardarla en el servidor con PHP. De este modo vamos a darle al usuario la opción de recortar una imagen y guardar el resultado en PHP. Luego ya puedes ligar esa foto o imagen a una base de datos, alojarla en el servidor, usarla para crear otra imagen, etcétera. Usaremos Cropper.js en el lado del cliente y después enviaremos el resultado a PHP. Con esto vamos a ahorrar recursos pues el recorte de la foto se hará del lado del cliente pero al final prácticamente vamos a recortar la foto con PHP. ...

agosto 4, 2021 · 4 min · 651 palabras · Parzibyte

Recortar imagen con JavaScript

Hoy te mostraré cómo cortar o recortar una imagen con JavaScript. Es decir, darle al usuario la posibilidad de recortar una imagen seleccionando una porción de la misma. Una vez que la foto haya sido recortada con JS podemos descargarla, colocarla en un canvas, en una imagen o subirla a un servidor que ejecute PHP, Node.js, Python, etcétera. En resumen te voy a enseñar cómo hacer que el usuario recorte una foto usando JS. ...

julio 31, 2021 · 4 min · 755 palabras · Parzibyte

Imprimir en impresora térmica desde JavaScript con Linux

Hoy te mostraré cómo imprimir directamente a una impresora térmica usando JavaScript en la web o mejor dicho en el navegador web, cuando el sistema operativo es Linux. Si has seguido mi blog y mi canal de YouTube sabrás que hace tiempo desarrollé un plugin para imprimir en impresoras térmicas con JS pero para Windows. Pues bien, hoy he portado ese plugin para Linux (le di a Archivo > Exportar como > Plugin para Linux). En este post te mostraré cómo descargarlo y cómo usarlo en Linux. Yo lo probé en una PC con elementary OS. Por cierto, si lo llegas a probar me gustaría que me indiques en los comentarios en cuál distribución lo has hecho. ...

julio 25, 2021 · 2 min · 397 palabras · Parzibyte

JavaScript - Descargar canvas como imagen

En mi blog te he mostrado cómo descargar un canvas de HTML y JavaScript como PNG, pero no te mostré cómo hacerlo en otro formato. Por ello es que en este post te mostraré cómo descargar un canvas como imagen ya sea PNG o JPG, respetando el tipo MIME image/jpeg o image/png. ...

julio 25, 2021 · 2 min · 297 palabras · Parzibyte

Ajustar margen en PDF con Dompdf y PHP

Hoy te mostraré cómo quitar los márgenes al generar un documento PDF usando Dompdf y PHP. Como bien lo sabes en mi blog ya te mostré cómo generar un PDF con PHP usando Dompdf de manera sencilla. Pues bien, en ocasiones necesitamos ajustar el margen del documento, ya sea para ampliarlo o disminuirlo y eso es lo que justamente te mostraré hoy: cómo modificar los márgenes del PDF generado con Dompdf. ...

julio 24, 2021 · 1 min · 182 palabras · Parzibyte

Problema con imagen en PDF de Dompdf y PHP

Hoy voy a mostrarte la posible solución a un problema que surge cuando generamos documentos PDF usando PHP y Dompdf. El problema en cuestión es que la imagen no aparece en el PDF. En su lugar, dice: Image not found or type unknown Este problema puede deberse a varios problemas, pero lo que te mostraré es una posible solución para que las imágenes aparezcan en el PDF generado con PHP. ...

julio 24, 2021 · 2 min · 264 palabras · Parzibyte

Temporizador con JavaScript - Open source

En este post sobre programación web y JavaScript te mostraré cómo hacer un temporizador usando JS puro sin ningún framework. Básicamente será una cuenta regresiva. Le daremos al usuario la posibilidad de elegir los minutos y los segundos para comenzar la cuenta regresiva, el temporizador comenzará (se puede pausar en cualquier momento) y cuando llegue a 0 va a reproducir un sonido de alarma. Todo esto lo haremos usando solo HTML, CSS y JavaScript. ...

julio 21, 2021 · 4 min · 825 palabras · Parzibyte

Lista de tareas pendientes con JavaScript

Hoy te mostraré cómo hacer una lista de tareas pendientes con JavaScript puro, sin frameworks. A esto también se le conoce como To Do list. Este proyecto de lista de pendientes es un proyecto básico para comenzar en este mundo de la programación web. Solo usaremos JavaScript, arreglos, acceso a los elementos del DOM, eventos y almacenamiento con localstorage. Lo que tendremos al final será una lista de tareas. A cada tarea podremos marcarla como completada o eliminarla, y también agregar una nueva tarea. Todo será guardado en LocalStorage dentro del navegador web. ...

julio 18, 2021 · 6 min · 1220 palabras · Parzibyte