Html

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 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. ...

Resumen En este post te mostraré cómo repetir cosas en la vista de una app con Vue.JS usando v-for. v-for permite iterar arreglos, objetos y también hacer ciclos. Veremos cómo usar v-for, además de proporcionar la clave con :key y finalmente tomar el índice y el valor por separado. Nota: a través de los ejemplos usaré Bootstrap 4 para un mejor diseño, aunque esto no va a interferir con el tema principal de v-for y Vue. ...

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 voy a explicar cómo hacer el juego de memorama en JavaScript. Pondré el código fuente y una demostración en línea. Este juego también es conocido como “Memoria”. Características del memorama con JavaScript Este juego de memorama en JS que vengo a presentar tiene las siguientes características: Totalmente responsivo, es decir, se adapta a cualquier pantalla Las imágenes se pueden cambiar Intentos máximos modificables Alerta para cuando ganas y cuando pierdes Código fuente modificable Nota: otro videojuego que desarrollé con JavaScript fue el de snake. ...

En este post te voy a explicar y mostrar un ejemplo de código con PHP, MySQL, Twig y Bootstrap en donde se gestionan notas y usuarios. La app de notas es totalmente responsiva y hecha completamente con PHP, usando MySQL para la persistencia de datos. El correo es posible gracias a Twig para renderizar la vista, y PHPMailer para enviarlos. Un usuario puede ver, crear, editar y eliminar notas Cualquier usuario puede registrarse usando su correo electrónico Los usuarios pueden cambiar su contraseña Para que el usuario se registre, se debe verificar el correo electrónico Los usuarios pueden resetear su contraseña olvidada Un usuario no puede ver ni modificar las notas de otro usuario Las notas guardadas deben guardar la fecha y hora de creación Como lo ves, está muy enfocado a la gestión de usuarios. ...

En este artículo te voy a mostrar cómo trabajar con el input de tipo checkbox en un formulario de PHP para saber si una opción fue marcada o no. ...

Resumen Crear un formulario dinámico en PHP que permita agregar campos de manera dinámica (a través de un botón) y permita guardarlos de igual manera ...