En este post te enseñaré a imprimir la letra ñ en una impresora térmica. Voy a mostrarte 3 alternativas para imprimir la ñ en una POS printer usando comandos ESC POS. La primera alternativa será definir un carácter personalizado en una cuadrícula de 12x24, luego veremos cómo cambiar la página de códigos de la impresora térmica para imprimir la ñ y finalmente vamos a ver cómo imprimir HTML como imagen. Así que al final vas a poder imprimir la ñ en una impresora térmica usando la alternativa que prefieras. Nota: obviamente estas son alternativas en caso de que tu impresora no soporte la impresión de la letra eñe sin modificaciones adicionales. Por ejemplo, en mi impresora PT-210 puedo imprimir la ñ así como cualquier otro texto. Este post te va a enseñar a imprimir la Ñ en tu impresora térmica si la misma no es soportada o si en lugar de la letra se imprime un carácter extraño. ...

En este post te quiero compartir mi experiencia tramitando un acta de nacimiento de México en línea de manera casi instantánea. Esta acta de nacimiento es totalmente válida para cualquier trámite, es un PDF que puedes imprimir y tiene un costo de 150 pesos mexicanos al momento de escribir este post. Mi trámite fue muy rápido, ya que al pagar con tarjeta pude descargar mi acta en pocos minutos. Estaba haciendo el pago 7:35, y 7:39 ya tenía el acta como PDF. O sea que tramitar el acta de nacimiento me llevó 4 minutos. Esta es mi experiencia pagando con tarjeta para sacar el acta de nacimiento de manera rápida. ...

Hoy te voy a presentar un creador de credenciales que acabo de programar y que he publicado de manera gratuita para que cualquiera pueda usarlo. Acabo de publicar una herramienta web que sirve para crear credenciales de manera fácil y rápida. La aplicación web te va a permitir generar códigos QR y códigos de barra directamente desde la aplicación, así como agregar fotos desde la cámara web. Con este creador de credenciales serás capaz de: Usar tus propias tipografías eligiendo el tamaño y color de texto Añadir una foto tomada directamente en el navegador sin necesidad de importarla externamente. Definir el área de dibujo de cada credencial gracias a un editor en vivo donde debes cargar la imagen base Generar códigos QR directamente en la app Agregar códigos de barras code128 desde la aplicación web Descargar el resultado como PDF o como zip, respetando la calidad de las imágenes Editar masivamente los datos Usar JSON para importar o editar los datos de las credenciales En resumen vas a poder crear credenciales de todo tipo, ya sea una credencial escolar, una credencial del trabajo o una identificación de cualquier tipo. El tamaño de la imagen base (plantilla) será respetado durante todo el proceso, así que tus identificaciones van a tener una excelente calidad. ...

En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly (con Golang) en Vue 3 con Vite y Pinia. Voy a explicar cómo comunicar las funciones de WASM con JavaScript y viceversa, dejando mucho código del lado de Golang con WASM. Toma en cuenta que es una documentación muy específica a mi modo de trabajo. No esperes un tutorial paso a paso. ...

Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al final todos los archivos estáticos que hay que servir deben estar en la carpeta dist, pero si quieres servirla en Apache déjame darte algunos consejos. ...

Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores que quiero documentar para ayudar a otros usuarios que experimenten las mismas fallas. Cabe mencionar que mi entorno de trabajo es Comlink con WebAssembly, Vue 3, Vite y Pinia. Varias de esas tecnologías no afectan al uso de Comlink pero me parece importante mencionarlas. Estos errores, en un contexto de JavaScript puro son fáciles de solucionar. El Maximum call stack size exceeded normalmente es causado porque una función recursiva se ha salido de control, y el cannot read property of undefined es porque una variable es undefined y tratamos de leer una propiedad. Sin embargo, con Comlink los errores son distintos. ...

En este artículo te voy a enseñar cómo usar un “top level await” esperando a que una promesa se resuelva dentro de una store de Pinia con Vue 3. Para usar await con Pinia debes esperar a que la promesa se resuelva fuera de la definición de la store. ...

Ayer estaba editando unos archivos que son servidos con el servidor Apache y al visitarlos desde el navegador web me aparecía el siguiente mensaje: You don’t have permission to access this resource. Server unable to read htaccess file, denying access to be safe. Hoy voy a mostrarte la solución a ese problema con servidores, Apache y el htaccess. ...

En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que se componga de CSS, JavaScript y HTML se puede convertir en una PWA, y ese también es el caso con Vue 3. Aunque Vue 3 con Vite compila a CSS, HTML y JS que podemos convertir a PWA quise darme a la tarea de documentar el proceso de creación. Por favor toma en cuenta que te recomiendo revisar el siguiente artículo para saber lo básico sobre las PWA: https://parzibyte.me/blog/posts/crear-publicar-progressive-web-app-convertir-app-web-pwa/ Veamos entonces cómo convertir una aplicación de Vue 3 con Vite en una PWA. ...

Hoy te voy a enseñar a agregar un salto de línea a un texto para evitar cortar las palabras en caso de que dicho texto supere determinada longitud de columna. Dicho con otras palabras veremos cómo hacer que un texto salte a la siguiente línea automáticamente si es demasiado largo, sin que se corten las palabras. Por ejemplo, supongamos que puedes imprimir 10 letras por línea como máximo. Un texto se vería así, cortando las palabras y dejándolas incompletas: Hola mundo soy un te xto desde parzibyte.me Con la función que te mostraré hoy vamos a hacer que la palabra se corte en el espacio en blanco y queden solo palabras completas tomando en cuenta una máxima longitud para la línea. Por ejemplo: Hola mundo soy un texto desde parzibyte.me Te recuerdo que vamos a bajar las palabras a la siguiente línea usando JavaScript trabajando con cadenas (string). Sería el equivalente a overflow-wrap: break-word; y word-break: normal; de CSS. ...