En este post te mostraré un ejemplo de proyecto con OpenLayers en donde se muestran: Introducción a OpenLayers Descargar OpenLayers Creación de mapa Centrado de mapa en determinada ubicación Marcadores personalizados con imagen propia Listener de eventos como click o zoom cambiado Consumo de API PHP para obtener los marcadores Voy a desglosar cada cosa y al final dejaré el código del proyecto completo. ...
Resumen: mostrar cómo generar PDF con PHP de una forma sencilla a través de HTML, respetando estilos CSS para darle buena forma a los PDF creados con PHP. Vas a aprender a crear un PDF a partir de HTML (es decir, se va a convertir código HTML a un documento PDF bien hecho), usando dompdf. Al final, los documentos podrán ser: Mostrados en el navegador Forzados para descargar Guardados en el disco duro También incluyo un ejemplo con Bootstrap y con estilos CSS. ...
Resumen: mostrar PDF directamente en el navegador usando PHP, es decir, servir un archivo pero no descargarlo, sino mostrarlo en el navegador. ...
En este post te muestro un software web escrito en PHP que sirve para gestionar enlaces de descarga y acortadores, con posibilidad de acortar enlaces automáticamente usando ad fly, ouo io, etcétera, además de dar la posibilidad de que los usuarios registrados o premium vean los enlaces sin acortar. Actualización septiembre 2020: este software es open source :D ...
Resumen: mostrar una introducción (instalación y uso) a Sweet Alert 2, una librería de JavaScript para mostrar alertas y diálogos de confirmación con un diseño bonito. Te mostraré cómo descargar SweetAlert 2, además de: Mostrar una alerta Personalizar el contenido Mostrar un diálogo de confirmación y saber respuesta del usuario Diálogo personalizado con HTML Mostrar alerta con input para recoger información Todo esto usando JavaScript. Nota: el código mostrado aquí está en GitHub, y la demostración aquí. ...
Resumen: mostrar cómo descargar un sitio web completo (con imágenes, scripts, etcétera) como HTML para su uso fuera de internet o sin depender del dominio, útil también para convertir un sitio de WordPress a un sitio estático (pero con cualquier página funciona). La herramienta que vamos a usar se llama HTTrack y es completamente gratuita y open source. ...
En este artículo vas a aprender cómo subir tu aplicación web de Node.js en Heroku, sin importar el framework que uses (por ejemplo, express) de manera fácil, rápida y gratuita. Recuerda que para publicar tu app de Node en Heroku debes tener una cuenta de Heroku (no importa si es gratuita) e instalar la CLI de Heroku. También debes contar con Git, si no lo tienes, mira cómo comenzar con GitHub desktop. ...
Resumen: mostrar cómo controlar elementos en una página web usando la voz; es decir, implementar el reconocimiento de voz con JS para definir comandos de voz y ejecutar acciones (enviar un correo, mostrar un reporte, mostrar una gráfica, escribir texto) dependiendo de la acción. Para el reconocimiento de acciones de voz en la web (o mejor dicho, en el navegador con JavaScript) vamos a usar la librería annyang que internamente utiliza la API de speech recognition. Puedes ver lo que construiremos al final en este enlace. ...
En este post te voy a mostrar un sistema de control escolar o gestión de escuelas. Es un software web que hice hace algún tiempo y vengo a mostrar hoy. Lo que tiene a grandes rasgos es: Control de estudiantes o alumnos Registro de profesores o docentes Registro de materias Control de calificaciones Calificaciones por período y número de evaluación Asignación de materias a docentes Generación de boletas Control de horarios de materias Impresión de boleta Impresión de horario de clases Gráficas de comparación entre períodos Como lo dije, el sistema es un sistema web que puede trabajar en internet o de manera offline. Es compatible con Linux y Windows. También es totalmente responsivo, es decir, se adapta a cualquier pantalla. ...
Resumen: mostrar cómo hacer un replace y un replaceAll para remplazar caracteres en una string de JavaScript, ya sea solo la primera aparición o remplazar todas las apariciones; usando el método replace y expresiones regulares. Es importante mencionar que el método replace devuelve una nueva cadena con los caracteres o letras remplazados; es decir, no modifica a la cadena internamente. ...