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 anfitrión y Zzzzzzzz. Pero, ¿qué pasaría 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 se mostraba 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 puedes pegar tu enlace en cualquier lugar, como un Tweet, también puedes convertir ese enlace en un código QR e imprimirlo. Si lo hace, ese código QR en papel contiene su sitio web real. Siempre que alguien lo escanee, se descomprimirá y se procesará, sin necesidad de Internet.
Sitios web de Itty Bitty
Itty Bitty viene de Nicolás Jitkoff alias. Alcor, el creador de Quicksilver y actual vicepresidente de diseño en Dropbox. Consiste en un editor basado en la web que le permite escribir lo que quiera. Cuando esté satisfecho con lo que ha escrito (un poema, un currículum o una página web totalmente codificada con imágenes), simplemente copie la URL de la barra de URL de Safari. Luego, comparta esa URL, tal como lo haría con cualquier vínculo.
La diferencia es que su sitio web es contenido en el interior esa URL. No es un enlace normal que apunta a un sitio web alojado en algún lugar de Internet. Es completamente autónomo.
Ahora, esto viene con ciertas limitaciones, la mayor de las cuales es el tamaño. El editor de 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 te 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 usa texto, este es bastante espacio. Jitkoff:
Para que quepa más en la URL, el contenido se comprime utilizando el Algoritmo de cadena Lempel-Ziv-Markov. Esto reduce significativamente el tamaño de html, lo que permite casi una página impresa de contenido.
Cómo crear una página web de Itty Bitty
Foto: Cult of Mac
Para crear un sitio, diríjase a el editory empezar. Puede darle un título a su página y puede escribir lo que quiera allí, usando HTML. Puede crear este HTML a mano o usar su editor favorito para crearlo y luego pegar el resultado en el editor Itty Bitty. Los usuarios más avanzados pueden conéctelo a Codepen.io. Para este artículo, voy a crear una versión de Itty Bitty de esta publicación completay péguelo utilizando la excelente exportación HTML de Ulysses.
Como puede ver en el editor, hay un contador en la parte superior derecha que le indica qué tan grande es su página hasta ahora, 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.
Cuando 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 (está contenido en su propio enlace, recuerde). Sin embargo, esto hace que sea difícil volver atrás y editar los errores que haya cometido.
Código complejo
Foto: Cult of Mac
Tampoco estás limitado al HTML básico. Verificar esta aplicación de calculadora, construido en Itty Bitty.
¡Sin internet!
Cuando carga un sitio de Itty Bitty, es completamente autónomo. 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 luego escaneas este código QR, se cargará sin problemas. Ahora, puede usar esto para poner un sitio web completo en un póster, en una tarjeta de presentación o en cualquier lugar.
Foto: Cult of Mac
Esta idea existe en algo llamado URL de datos, pero Jitkoff señala algunas diferencias en un tweet:
- La mayoría de las herramientas no tratan las URL de datos como enlaces válidos (incluido Twitter), por lo que son mucho más difíciles de compartir de forma fiable.
- Las URL de datos no admiten la compresión, por lo que el tamaño del contenido se convierte en un problema antes.
Seguridad
La desventaja obvia de esto es la seguridad. Con un sitio ingeniosamente diseñado, sería posible propagar malware usando solo un código QR, lo cual no es genial. Quizás Itty Bitty eventualmente termine como un vertedero de malware, pero quizás no. Mientras tanto, es una manera increíble de compartir pequeños fragmentos de información sin que nadie intente detenerte.