Web

Propiedad word-wrap en CSS En este post te mostraré a usar la propiedad word-wrap en CSS para romper palabras en un párrafo o texto. Veremos los 3 métodos de word-wrap en CSS: break-all, normal y break-word. ...

Códigos de barras con JavaScript En este post te voy a mostrar algunos ejemplos y usos de la librería JsBarcode para generar códigos de barras en elementos HTML usando JavaScript. Vamos a generar códigos de barras con JavaScript en 3 elementos: SVG Canvas Imagen Si deseas mantener la calidad del código de barras, recomiendo que uses el formato SVG. Nota: esta librería no necesita otras librerías o dependencias, funciona con JavaScript puro y por lo tanto se puede usar en cualquier proyecto de JavaScript. ...

Resumen En este post te mostraré a dibujar una línea horizontal en un documento HTML ya que sirve como un remplazo para la etiqueta hr. Esta línea de la que hablo también sirve para cuando debemos imprimir algo y la persona debe poner una firma. Por ejemplo. Veremos cómo dibujar una línea que ocupa todo el ancho o que ocupa una longitud fija. No vamos a usar JavaScript, solo un elemento div y estilos CSS. ...

Resumen En este post te voy a mostrar a ocultar elementos al imprimir una página web, exceptuando algún elemento como un párrafo, imagen o encabezado. Por ejemplo, imprimir algo con Javascript y CSS pero quitando algunos elementos excepto un contenedor o elementos que cumplan cierto criterio. Para lograrlo vamos a usar CSS y Javascript. El CSS será usado para ocultar al imprimir, y el JavaScript para agregar y remover algunas clases al momento de imprimir. ...

Uso de los filtros en Vue JS En este post te voy a mostrar cómo declarar y usar los filtros en Vue.js: un buen framework de JavaScript. ...

Resumen En este post te mostraré a crear un enlace para compartir una página web o un enlace en WhatsApp usando la (muy limitada) API de WhatsApp. También te enseñaré a enviar un mensaje a un usuario específico según su número, de modo que al tocar el enlace se nos llevará directo a su chat. Voy a mostrarte cómo crear un enlace usando HTML puro, otro usando PHP y otro usando JavaScript. ...

Resumen: en este post te muestro cómo agregar fragmentos o snippets de código fuente a los posts de Wordpress, blogger, o de tu propio gestor de contenidos sin usar plugins. ...

Resumen: en este post te mostraré una guía paso a paso con imágenes para instalar WordPress en su última versión, ya sea en Windows o Linux. Veremos la descarga, extracción y configuración de WordPress así como la configuración de bases de datos y tablas. ...

Resumen: en este post te mostraré a obtener una imagen como archivo a partir de su representación en base 64. Es decir, lo contrario a lo que hicimos en un post anterior. Lo que vamos a hacer es crear un archivo de imagen a partir de una cadena o string en formato base 64. ...

Resumen: en este post vamos a ver cómo obtener la ubicación del usuario (coordenadas) usando JavaScript. Gracias a este método podremos obtener la ubicación precisa de un teléfono, tableta o computadora, pues mientras se cuente con un navegador actualizado y GPS o internet se puede obtener la latitud y longitud de un dispositivo. Para acceder a la ubicación con JavaScript vamos a usar navigator.geolocation y su método getCurrentPosition. También vamos a manejar los permisos de acceso a la ubicación desde el navegador. Puedes acceder a la demostración aquí, y al repositorio en GitHub aquí. ...