Cómo crear un sitio web sin alojamiento con Itty Bitty

Con la programación, la creatividad en línea no tiene límites. Todos los días, los programadores de Internet utilizan sus habilidades para crear pequeños proyectos para el público. Itty Bitty, un sitio web creado por el ex diseñador de Google y actual vicepresidente de Dropbox Nocholas Jitkoff, es uno de esos pequeños proyectos..

Usando el sitio de Itty Bitty, puedes crear un pequeño sitio web HTML gratis, incluso si no tienes ningún alojamiento web.

Una explicación itty bitty

Así es como funciona: itty.bitty.site crea sitios pequeños al cargarlos a través de sus URL. En otras palabras, su sitio está almacenado y presentado, dentro de su enlace.

Debido a esto, los sitios web creados con Itty Bitty no requieren absolutamente ningún alojamiento web. La URL en sí misma contiene todos los datos del sitio: cómo se ve, qué dice, etc..

Notarás que una vez que recibas tu enlace de Itty Bitty, será un poco más grande de lo habitual. Ese es tu sitio web completo.

Enlace para Enlace

El sitio real creado por Itty Bitty tiene una interfaz muy mínima. Tenga en cuenta que cada página adicional en el sitio se crea utilizando el propio sitio..

Desde esta página, puede comenzar inmediatamente a utilizar HTML básico para crear una página simple.

Si desea crear un sitio Itty Bitty más robusto, puede arrastrar y soltar un documento HTML directamente en el sitio web o vincular un proyecto existente directamente en el indicador.

Si bien su documento o enlace puede usar otros lenguajes de programación como CSS o JS, todavía se cargarán con su sitio de Itty Bitty. Dicho esto, el principal beneficio de usar Itty Bitty (y la razón central por la que se puede cargar desde una dirección) es que su página debe mantenerse bajo un tamaño determinado..

¿Qué tan pequeño es un sitio de Bitty Itty?

Si Itty Bitty es gratuito y no requiere alojamiento web, ¿qué tan grande puede ser su sitio? La respuesta: No muy.

El sitio le presenta el tamaño de su sitio web en la parte superior derecha de la ventana. Si bien los sitios pueden fluctuar en tamaño, eso también significa que su enlace también fluctuará en tamaño. Algunos sitios no le permiten compartir enlaces de más de unos pocos bytes, lo que puede limitar su capacidad para compartir sitios más grandes.

Afortunadamente, el creador ha publicado los tamaños máximos de bytes posibles para que muchas plataformas populares expliquen qué tamaños se adaptan a las diferentes plataformas:

Si está buscando acortar un sitio web utilizando Bitly, por ejemplo, tendrá que crear un sitio web muy pequeño. Eso va también para Microsoft Edge. Sin embargo, si solo busca compartirlo en los navegadores, puede crear un sitio mucho más grande..

De Enlace a Itty Bitty Site

Si bien también puede crear sitios de Itty Bitty colocando archivos HTML directamente en él o escribiendo el contenido del sitio directamente, demostraré que está usando un proyecto de Codepen creado previamente por Dudley Storey..

Codepen es la forma más fácil de crear su sitio utilizando Itty Bitty. Codepen proporciona a los usuarios un entorno de desarrollador fácil de usar y un proceso de vinculación conveniente.

Lo anterior es un ejemplo fantástico de cómo una sólida red troncal HTML y otras adiciones de programación sutiles pueden crear un sitio web simple. Afortunadamente, también es lo suficientemente pequeño como para compartir en muchas de las plataformas mencionadas anteriormente..

Para convertir un proyecto Codepen en un sitio de Itty Bitty, pegue el enlace del Pen en el sitio de Itty Bitty. Luego, pase el mouse sobre el gris. intitulado Sección y editar el texto para reflejar su sitio..

A continuación, haga clic en el menú en la parte superior derecha de la ventana.

Aquí es donde creas el enlace a tu Itty Bitty. Si bien puede parecer que no ha creado un sitio web, tiene!

Una vez que haga clic en el copiar link Opción, puede pegar el enlace en su navegador para ver el sitio. También es importante tener en cuenta: de forma predeterminada, los sitios de Itty Bitty se pueden enviar a través de un código QR.

Eso permite una gran cantidad de opciones, como adjuntar una referencia física para dispositivos perdidos.

Felicidades, ahora tiene un sitio web listo para enlazar que no tiene servidor y es gratuito!

Acortar su enlace Bitty Bitty aún más

También puede crear un enlace sin complicaciones utilizando una herramienta de acortamiento de enlaces. Usaré Bitly, que no solo le permite acortar enlaces sino que también le permite personalizar el enlace con su propio texto si se registra para obtener una cuenta gratuita..

Nuestro ejemplo original de Codepen es demasiado grande para condensarlo usando Bitly, así que aquí hay otro proyecto fantástico de JT Helms. Simplemente seguí el proceso anterior para convertir esta pluma en un sitio de Itty Bitty.

Una vez que tengas tu enlace, dirígete a Bitly. Pegue su enlace en la página de bienvenida de Bitly, o inicie sesión en su cuenta y seleccione Crear botón. Ingrese su enlace en el siguiente aviso.

Una vez que haya pegado su enlace, se convertirá automáticamente. Luego, ajusta tu enlace como mejor te parezca usando el editor de Bitly si has iniciado sesión.

Cambio el enlace inicial a ITTYBITTYEXAMPLE. Ahora puede dirigirse a bit.ly/ITTYBITTYEXAMPLE como lo haría con cualquier otro sitio, excepto, por supuesto, que es gratuito y no requiere alojamiento web ni mantenimiento del servidor..

Seguridad para los sitios de Itty Bitty

Si bien esta es una forma genial e ingeniosa de crear pequeños sitios HTML, no está exenta de defectos. Puedes usar mal un sitio de Itty Bitty tan fácilmente como cualquier otro. Eso significa que los sitios pueden molestarte con características como alertas.

Dado que el sitio aún se encuentra en una fase experimental, no necesariamente confíe en el sitio como método principal para establecer una presencia segura en la web..

Las posibilidades de Bitty Itty son infinitas

La creatividad encontrada en línea es a menudo impresionante. Sin embargo, en raras ocasiones, es tan simple, accesible y fácil de usar como Itty Bitty. ¿Quieres mostrar una pequeña aplicación? ¿Jugar con elementos div? Todo se puede hacer fácilmente usando el sitio de Itty Bitty.

Además, no está limitado a un determinado número o sitios. Tome una nota del creador del sitio Nocholas Jitkoff y vincule un sitio dentro de un sitio para obtener un sitio web explicativo completo de varias páginas. O hacer un bulldog ASCII. Las posibilidades son pequeñas en tamaño, pero de alcance ilimitado, así que pruebe este pequeño experimento en línea hoy!

Vaya más lejos y haga sitios aún mejores al mejorar su conocimiento de HTML y CSS Aprenda HTML y CSS con estos tutoriales paso a paso Aprenda HTML y CSS con estos tutoriales paso a paso ¿Tiene curiosidad sobre HTML, CSS y JavaScript? Si crees que tienes una habilidad para aprender a crear sitios web desde cero, aquí hay algunos tutoriales paso a paso que vale la pena probar. ¡Lea más antes de crear un sitio de Itty Bitty! O visite nuestra revisión de Alojamiento de InMotion. La Revisión de Alojamiento de Web InMotion Completa para Principiantes. Revisión de Alojamiento de Web InMotion Completa para Principiantes. ¿Necesita alojamiento web confiable? Nuestra revisión de InMotion Hosting revelará si el servicio es una buena opción para usted. Lea más para otra forma de alojar su sitio.

Explorar más sobre: ​​HTML, Desarrollo Web.