Js

Hoy voy a enseñarte a recortar una foto con PHP dando al usuario la posibilidad de recortar una foto y luego guardarla en el servidor con PHP. De este modo vamos a darle al usuario la opción de recortar una imagen y guardar el resultado en PHP. Luego ya puedes ligar esa foto o imagen a una base de datos, alojarla en el servidor, usarla para crear otra imagen, etcétera. Usaremos Cropper.js en el lado del cliente y después enviaremos el resultado a PHP. Con esto vamos a ahorrar recursos pues el recorte de la foto se hará del lado del cliente pero al final prácticamente vamos a recortar la foto con PHP. ...

En el post de hoy te mostraré una cosa sencilla pero muy útil: cómo enviar un canvas de HTML a PHP usando JavaScript, para guardar ese canvas como imagen. Cuando digo que es útil es porque yo creo que canvas nos da varias posibilidades de trabajar con imágenes o con el canvas en sí, y gracias a lo que te mostraré podrás guardar el resultado en el servidor para cualquier cosa. Se me ocurre que por ejemplo podrías tomar una foto de una credencial de identificación, recortarla y después guardarla con PHP. ...

Hoy te mostraré cómo imprimir directamente a una impresora térmica usando JavaScript en la web o mejor dicho en el navegador web, cuando el sistema operativo es Linux. Si has seguido mi blog y mi canal de YouTube sabrás que hace tiempo desarrollé un plugin para imprimir en impresoras térmicas con JS pero para Windows. Pues bien, hoy he portado ese plugin para Linux (le di a Archivo > Exportar como > Plugin para Linux). En este post te mostraré cómo descargarlo y cómo usarlo en Linux. Yo lo probé en una PC con elementary OS. Por cierto, si lo llegas a probar me gustaría que me indiques en los comentarios en cuál distribución lo has hecho. ...

En mi blog te he mostrado cómo descargar un canvas de HTML y JavaScript como PNG, pero no te mostré cómo hacerlo en otro formato. Por ello es que en este post te mostraré cómo descargar un canvas como imagen ya sea PNG o JPG, respetando el tipo MIME image/jpeg o image/png. ...

En este post sobre programación web y JavaScript te mostraré cómo hacer un temporizador usando JS puro sin ningún framework. Básicamente será una cuenta regresiva. Le daremos al usuario la posibilidad de elegir los minutos y los segundos para comenzar la cuenta regresiva, el temporizador comenzará (se puede pausar en cualquier momento) y cuando llegue a 0 va a reproducir un sonido de alarma. Todo esto lo haremos usando solo HTML, CSS y JavaScript. ...

En este post te expondré un pequeño proyecto que recién he terminado. Se trata de un cronómetro programado con JavaScript puro que funciona en cualquier dispositivo con un navegador web. Funciona como un cronómetro normal: permite iniciar, pausar y detener el cronómetro así como poner marcas o banderas. A lo largo del post te explicaré su funcionamiento y cómo es que lo he programado. Te repito que no utilicé ningún framework de JS. ...

En este artículo de programación en JavaScript te enseñaré a convertir milisegundos a segundos y minutos legibles para el usuario. Por ejemplo, convertir 1500 milisegundos a 1 segundo en su representación 00:01.5 en donde tenemos los minutos, luego los segundos y luego la fracción del segundo: algo así como para un cronómetro. ...

Hoy veremos algo muy simple en JS: cómo agregar un elemento a un arreglo ya sea para agregarlo al inicio o al final. Esto lo vamos a hacer con JavaScript así que puede que funcione para los frameworks como Vue, React, Angular o jQuery. Recuerda que un array en JavaScript puede tener elementos mixtos y de cualquier tipo. Por otro lado puedes agregar elementos sin límite. Veamos entonces cómo agregar un elemento a un array en JavaScript. ...

Hoy te mostraré algo simple pero necesario cuando estamos programando con JavaScript: cómo iterar o recorrer un objeto. Vamos a usar Object.entries y el ciclo for of para iterar un objeto obteniendo su clave y su valor en cada paso. ...

En este post te mostraré un seleccionador de colores o input de tipo color (también conocido como color picker) que me gustó para su uso con el framework Vue. El picker del que hablo se llama vue-color y permite usar varios selectores de color. ...