Fuente

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 tutorial de trabajo con imágenes en Golang vamos a ver cómo escribir texto sobre una imagen, cambiado la alineación, tamaño, espaciado de línea e incluso cargando una fuente TTF. Veamos entonces cómo dibujar texto sobre una imagen con Golang. El ejemplo que te mostraré crea una imagen en blanco y dibuja el texto en la misma, ajustando el texto como sea necesario. ...

En este tutorial te mostraré cómo hacer que la ruta pública de Vue (al usar la vue cli para compilar nuestros proyectos con npm run build) sea el directorio actual, es decir, ./. Normalmente la Vue CLI va a compilar y crear el archivo index.html pero en las rutas habrá algo como: script src=/js/script.js Si te fijas, no tiene el ./, por lo que en varios servidores causará errores. Hoy te enseñaré cómo hacer que Vue CLI compile las rutas de manera relativa al directorio actual. ...

Vuetify agrega diseños y componentes de Material Design a nuestras aplicaciones creadas con Vue. Para varios casos necesitamos los iconos de Material Design así como la fuente Roboto de Google. Hoy te mostraré cómo tener los iconos y la fuente de manera offline, fuera de línea, local, o como le llames. De este modo nuestra aplicación no dependerá de ninguna conexión a internet, cosa que viene genial cuando vamos a crear una app local. ...

La fuente o tipografía del editor es muy importante al programar. Sin importar el editor o IDE que uses, tener una buena fuente y un buen tema ayudará bastante, ya que como programador pasas más tiempo leyendo código que escribiéndolo. Hoy te mostraré mi fuente preferida que tengo configurada en todos mis IDEs y mis editores (aunque solo uso Visual Studio Code para proyectos pequeños). ...

Hoy te mostraré cómo cambiar la fuente o tipografía de Visual Studio Code - VSCode, es decir, cambiar el tipo de fuente que se usa para mostrar el código fuente de los archivos que se están editando. ...

Siguiendo con los tutoriales sobre el elemento canvas de HTML5 en este post vamos a ver cómo escribir texto sobre el canvas, o mejor dicho, dibujar texto sobre el canvas. Vamos a personalizar la fuente y el color, así como las coordenadas en donde el texto comienza. Los métodos que veremos son strokeText y fillText. ...

Introducción Los Material icons o Iconos de material design son, como su nombre lo dice, iconos que nos ayudan a adornar y mejorar nuestras aplicaciones web. No siempre vamos a tener internet, puede que portemos nuestra app para una pc que no tenga acceso a internet. O igual y queremos alojar nosotros mismos los iconos, por si algo malo llega a pasar. El punto es que en algún momento necesitaremos descargar iconos de Material icons para ternerlos offline. Y hoy vengo a mostrar cómo descargarlos. ...