Pennywise: Una ventana flotante para navegar la web.

Pennywise: Una ventana flotante para navegar la web

Desde que Internet se convirtió en sinónimo de trabajar, entretenerse, estudiar y relajarse, los navegadores web cumplen un rol esencial en nuestro diario discurrir digital. Por eso, hay tantos casos de uso de los browsers, como usuarios existen.


Hoy te voy a mostrar un navegador muy particular, que quiz√°s encuentres de utilidad; estoy hablando de Pennywise.

¬ŅQu√© cornos es Pennywise?

Si el nombre te suena de alg√ļn lado, quiz√°s sea porque Pennywise es el payaso bailar√≠n, creado por la prol√≠fica mente de Stephen King.¬†

Pero, no estoy ac√° para contarte algo sobre ese tenebroso payaso, sino sobre un navegador muy particular, cuyo objetivo es ofrecerte una ventana flotante para todos tus sitios y aplicaciones web.

Básicamente, Pennywise te permite mantener un sitio web siempre a la vista, sin importar las otras tareas que estén realizando.  

Así se presenta el programa en su repo de Github (sí, es código abierto).

Pennywise abre cualquier sitio web o medio en una peque√Īa ventana flotante que permanece encima de todas las dem√°s aplicaciones. Las ventanas de Pennywise permanecen abiertas todo el tiempo. No es necesario seguir luchando con Alt + Tab, use Pennywise para realizar m√ļltiples tareas f√°cilmente.

Instalando Pennywise

Hay varias maneras de instalar Pennywise, y en diferentes sistemas operativos, dado que este programa es multiplataforma. En este artículo, vamos a usar Windows como ejemplo.

Instalando con Winget

Winget es el administrador de paquetes de Windows nativo, que te permite instalar programas usando la línea de comandos. 

Luego de usar el buscador de paquetes Winget.run, encontramos el identificador (id) para instalar el programa con un solo comando:

winget install -e --id kamranahmedse.pennywise

Instalando Pennywise con Winget.
Instalando Pennywise con Winget.

Instalando la versión portable

S√≠, por alg√ļn motivo, no queres instalarlo, pod√©s probar la versi√≥n portable. Para eso, ingresa a la p√°gina de release, y busca el archivo¬†Pennywise-VERSION-win.zip, como se muestra en la siguiente captura de pantalla:

Pennywise también se puede usa de manera portable.
Pennywise también se puede usa de manera portable.

Busca el ejecutable pennywise.exe y ejec√ļtalo.

 Ejecutable pennywise.exe

Usando al payaso malvado

La interfaz gr√°fica es muy sencilla. No hay mucho m√°s que puedas hacer, que ingresar la URL del sitio que queres visualizar en una ventana que queda siempre abierta, sobre otras aplicaciones (lo cual, es toda la ¬ęgracia¬Ľ de este programa).

Pantalla inicial de Pennywise.
Pantalla inicial de Pennywise.

A modo de prueba, vamos a usarla para ver una c√°mara web del Town Square de Jackson Hole.

Viendo nevar en Jackson Hole con Pennywise.
Viendo nevar en Jackson Hole con Pennywise.

Una de las funcionalidades claves de este particular navegador, es la persistencia en primer plano, lo que garantiza que la ventana flotante permanezca visible sobre todas las demás aplicaciones abiertas. 

Por otro lado, también ofrece opciones de ajuste de opacidad, permitiendo a los usuarios disminuir la visibilidad de la ventana para que no obstaculice otras actividades en la pantalla. 

Ajustando la visibilidad de la ventana de Pennywise.
Ajustando la visibilidad de la ventana de Pennywise.

Como era de esperar, dado el objetivo de Pennywise, es posible redimensionar y posicionar la ventana en cualquier lugar del escritorio:

Pennywise soporta la redimensión de su ventana.
Pennywise soporta la redimensión de su ventana.

Atajos de teclado

Pennywise incorpora algunos atajos de teclado, que pueden ser de bastante utilidad, sobre todo los que manejan la transparencia de la ventana. Ac√° te dejo una lista con los atajos disponibles:

AtajoDescripción
Cmd/Ctrl + LMostrar barra de navegación y enfocar entrada de URL
Cmd/Ctrl + Shift + DActivar modo despegado
Cmd/Ctrl + MRefrescar p√°gina
Cmd/Ctrl + Shift + LAlternar barra de navegación en páginas web
Cmd/Ctrl + Shift + UpAumentar opacidad
Cmd/Ctrl + Shift + DownDisminuir opacidad
Cmd/Ctrl + Alt + IMostrar herramientas para desarrolladores
Cmd/Ctrl + [0-9]Cambiar opacidad de la ventana

Escenarios de uso

Si llegaste hasta ac√° y a√ļn te est√°s preguntando: ¬ę¬ŅPara qu√© sirve esto?¬Ľ, es una pregunta totalmente v√°lida.¬†

Le hice la consulta a ChatGTP, para que nos tiré algunos escenarios en donde esta herramienta puede llegar a tener alguna utilidad. Esto fue lo que me dijo:

Escenario 1: Programación

Seguimiento de tutoriales mientras se programa: Un desarrollador está trabajando en un nuevo proyecto de software y necesita consultar constantemente tutoriales y documentación en línea. 

Con esta herramienta, puede abrir un videotutorial o la documentaci√≥n oficial en una ventana flotante, manteni√©ndola visible mientras escribe c√≥digo en su entorno de desarrollo integrado (IDE).¬†Esto elimina la necesidad de cambiar constantemente entre ventanas o pesta√Īas.

Escenario 2: Producción de contenido digital

Demostraci√≥n en tiempo real durante cursos en l√≠nea: Un creador de contenido educativo est√° grabando un curso en l√≠nea sobre dise√Īo web. Utiliza la aplicaci√≥n para abrir el resultado de su c√≥digo en una ventana flotante, mostrando a los estudiantes el efecto de sus cambios en tiempo real sin tener que salir de su entorno de desarrollo o la presentaci√≥n que est√° mostrando.¬†

Escenario 3: Gestión de proyectos y tareas

Organización de tareas y calendarios: Un gerente de proyecto necesita mantener un seguimiento constante de sus calendarios, listas de tareas y tickets asignados mientras trabaja en otras aplicaciones. 

Al abrir su herramienta de gestión de proyectos en una ventana flotante, puede mantenerse al día con sus responsabilidades sin perder el foco en el documento o la presentación en la que está trabajando, optimizando su gestión del tiempo y recursos.

Escenario 4: Entretenimiento y descanso

Visualización de contenido multimedia durante el trabajo: Un profesional (o amateur) que trabaja largas horas frente al ordenador desea combinar sus momentos de descanso con su jornada laboral, sin perder productividad (Je. Sí, claro.)

Mediante la aplicación, puede reproducir su serie, película o charla favorita en una ventana flotante mientras trabaja en sus tareas. 

Escenario 5: Soporte y asistencia técnica

Consulta rápida de documentación técnica: Un técnico de soporte está asistiendo a usuarios con problemas técnicos y necesita acceder rápidamente a bases de datos de conocimiento y manuales de procedimiento. 

Con la ventana flotante, puede tener la documentación necesaria constantemente visible, permitiéndole proporcionar soluciones rápidas y precisas sin tener que minimizar la sesión de soporte remoto o el sistema de gestión de tickets en el que está trabajando.

ūüźĘ Para aquellos usuarios que requieran soporte para Flash, la aplicaci√≥n ofrece una soluci√≥n pr√°ctica mediante la integraci√≥n del complemento Pepperflash de Chrome, lo que ampl√≠a a√ļn m√°s el rango de contenido multimedia accesible.

Lo que se viene

En el archivo readme del proyecto, se menciona una hoja de ruta que incluye la implementación de opciones persistentes, la vinculación con sitios web y la posibilidad de guardar enlaces para su uso posterior.

El padre de la criatura: Kamran Ahmed

Kamran Ahmed, cuyo perfil de Github dice que ¬ęle encanta construir cosas¬Ľ, es el ide√≥logo de esta pieza de software.

Algo que me llamó la atención, es la cantidad de seguidores que tiene en Github, con más de 30k, lo cual no es muy frecuente de ver en esta plataforma.

Perfil de Github de Kamran Ahmed.
Perfil de Github de Kamran Ahmed.

Esta popularidad, quizás, se deba a su proyecto más conocido: the roadmap

the roadmap¬†presenta ¬ęlas mejores conferencias de programaci√≥n y desarrollo web en l√≠nea para todo tipo de conocimientos de inform√°tica y para las √ļltimas tecnolog√≠as web, incluido dise√Īo de sistemas, bases de datos, desarrollo FullStack y mucho m√°s.¬Ľ¬†.

El proyecto, aparte de su sitio web https://roadmap.sh, tiene un canal de YouTube con varios tutoriales relacionados con desarrollo web.

No temas al payaso, él te teme.

Chau.


/ S√ļmate al bolet√≠n. No es gran cosa, pero es gratis ūüĎá /