Cómo hacer un sitio web que encaje dentro de su propio enlace

Pregunta rápida: si quisieras publicar un sitio web rápido de una página ahora mismo, ¿cómo lo harías? O lo pondrías en un servicio como Tumblr o tendrías que registrar un nombre de dominio, encontrar un host y Zzzzzzzzz. Pero, ¿y si pudiera crear esa página web y luego comprimirla en su propio enlace? Cada vez que alguien hacía clic en ese enlace, se descomprimía y aparecía en su navegador como cualquier página web normal. Eso es lo que hace Itty Bitty.

Es bastante salvaje, y se vuelve aún más salvaje. Porque si bien puede pegar su enlace en cualquier lugar como un Tweet, también puede convertir ese enlace en un código QR e imprimirlo. Si lo hace, ese código QR en papel contendrá su sitio web real. Siempre que alguien lo escanee, se descomprimirá y renderizará, sin necesidad de Internet.

Sitios diminutos

Itty Bitty viene de Nicolás Jitkoff también conocido como Alcor, el creador de Quicksilver y actual vicepresidente de diseño de Dropbox. Consiste en un editor basado en web que te permite escribir lo que quieras. Cuando esté satisfecho con lo que ha escrito (un poema, un currículum o una página web completamente codificada con imágenes), simplemente copie la URL de la barra de URL de Safari. Luego comparta esa URL, como lo haría con cualquier enlace.

La diferencia es que su sitio web es contenida dentro de esta URL. No es un enlace normal que apunta a un sitio web alojado en algún lugar de Internet. Es totalmente independiente.

Ahora bien, esto viene con ciertas restricciones, la más grande es el tamaño. El editor Itty Bitty reduce su texto tanto como sea posible, pero hay un límite en el tamaño de los enlaces que se pueden compartir. Twitter lo limita a poco más de 4000 bytes o 4K. Un código QR puede almacenar un máximo de 2610 bytes. Pero si solo está usando texto, eso es mucho espacio. paja:

Para encajar más en la URL, el contenido se comprime utilizando el algoritmo de cadena Lempel-Ziv-Markov. Esto reduce significativamente el tamaño del html, lo que permite casi una página impresa de contenido.

Cómo crear una página web de Itty Bitty

Pequeño editor de Bitty.
Pequeño editor de Bitty.
Foto: Culto de Mac

Para crear un sitio web, vaya al editor y comience. Puedes titular tu página y escribir lo que quieras en ella, usando HTML. Puede crear este HTML manualmente o usar su editor favorito para crearlo y pegar el resultado en el editor Itty Bitty. Los usuarios más avanzados pueden conectarlo a Codepen.io. Para este artículo, voy a crear una versión Itty Bitty de toda esta publicación y la pegaré, utilizando la excelente exportación HTML de Ulysses.

Como puede ver en el editor, hay un contador en la esquina superior derecha que le indica el tamaño de su página hasta el momento, en bytes. Mantenga esto por debajo de 2000 bytes para una máxima compatibilidad. Como guía, esta página, sin imágenes, cuesta solo XXX.

Una vez que esté satisfecho con el resultado, simplemente copie la URL de Safari (o cualquier navegador que esté usando) y péguela en una nueva pestaña. También puede presionar el botón de recarga y el sitio se cargará solo (recuerde que está contenido en su propio enlace). Sin embargo, esto hace que sea difícil volver atrás y editar los errores cometidos.

código complejo

Esta aplicación cabe dentro de su propia URL.
Esta aplicación cabe dentro de su propia URL.
Foto: Culto de Mac

Tampoco está limitado al HTML básico. Echa un vistazo a esta aplicación de calculadora, integrada en Itty Bitty.

¡Sin internet!

Cuando carga un sitio web de Itty Bitty, es completamente independiente. La URL puede comenzar con itty.bitty.site, pero eso no significa que se esté cargando desde los servidores de Itty Bitty. Puede probar esto escaneando un código QR que contiene esta página. Si pones tu iPhone en modo avión y escaneas este código QR, se cargará bien. Ahora, puede usar esto para poner un sitio web completo en un póster, en una tarjeta de presentación o en cualquier lugar.

Escanéame.
Escanéame.
Foto: Culto de Mac

Esta idea existe en algo llamado URL de datos, pero Jitkoff señala algunas diferencias. en un tuit:

  • La mayoría de las herramientas no tratan las URL de datos como enlaces válidos (incluido Twitter) y, por lo tanto, son mucho más difíciles de compartir de manera confiable.
  • Las URL de datos no admiten la compresión, por lo que el tamaño del contenido se convierte en un problema antes.

La seguridad

La desventaja obvia de esto es la seguridad. Usando un sitio web ingeniosamente diseñado, sería posible propagar malware usando solo un código QR, lo cual no es bueno. Tal vez Itty Bitty termine como un basurero de malware, pero tal vez no. Mientras tanto, es una forma increíble de compartir poca información sin que nadie intente detenerte.