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

Anuncio

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.

Con el sitio Itty Bitty, puede crear un pequeño sitio web HTML de forma gratuita, incluso si no tiene ningún alojamiento web.

Una pequeña explicación

Así es como funciona: itty.bitty.site crea sitios pequeños cargándolos a través de sus URL. En otras palabras, su sitio se almacena y se presenta 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í contiene todos los datos del sitio: cómo se ve, qué dice, etc.

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

Enlace por 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 sitio mismo.

De esta página, puede comenzar inmediatamente a usar 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 cierto tamaño pequeño.

¿Qué tan pequeño es un sitio pequeño?

Si Itty Bitty es gratuito y no requiere alojamiento web, ¿qué tan grande puede ser realmente 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 permitirán compartir enlaces de más de unos pocos bytes, lo que puede limitar su capacidad de compartir sitios más grandes.

Por suerte, el creador tiene publicado el tamaño máximo de bytes Es posible que muchas plataformas populares expliquen qué tamaños acomodarán las diferentes plataformas:

Si está buscando acortar un sitio web usando Bitly, por ejemplo, tendrá que crear un sitio web muy pequeño. Eso también se aplica a Microsoft Edge. Sin embargo, si solo desea compartirlo en todos los navegadores, puede crear un sitio mucho más grande.

Del enlace al sitio de Itty Bitty

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

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

Lo anterior es un ejemplo fantástico de cómo una columna vertebral HTML fuerte, y otras adiciones sutiles de programación, 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, pasa el mouse sobre el gris intitulado sección y edite 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 crea el enlace a su Itty Bitty. Si bien puede parecer que no acabas de crear un sitio web, ¡lo has hecho!

Una vez que hagas clic en 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 vincular que no tiene servidor y es gratis!

Acorte su enlace Bitty Itty aún más

También puede crear un enlace sin desorden 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 condensarse usando Bitly, así que aquí hay otro proyecto fantástico de JT Helms. Simplemente seguí el proceso anterior para convertir este Pen en un sitio de Itty Bitty.

Una vez que tenga su enlace, diríjase a Poco. Pegue su enlace en la página de inicio de Bitly o inicie sesión en su cuenta y seleccione el Crear botón. Ingrese su enlace en el siguiente mensaje.

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

Cambio el enlace inicial a ITTYBITTYEXAMPLE. Ahora puedes dirigirte 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 carece de defectos. Puede usar mal un sitio de Itty Bitty tan fácilmente como cualquier otro. Eso significa que los sitios pueden molestarlo con funciones como alertas.

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

Las posibilidades de Bitty Bitty son infinitas

La creatividad que se encuentra en línea a menudo es impresionante. Sin embargo, rara vez es tan simple, accesible y fácil de usar como Itty Bitty. ¿Quieres mostrar una pequeña aplicación? ¿Jugando 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, pero de alcance infinito, ¡así que prueba este pequeño experimento en línea hoy!

Ve más allá y crea sitios aún mejores Mejorando su conocimiento de HTML y CSS Aprenda HTML y CSS con estos tutoriales paso a paso¿Tienes curiosidad por HTML, CSS y JavaScript? Si cree que tiene una habilidad especial para aprender a crear sitios web desde cero, aquí hay algunos tutoriales paso a paso que vale la pena probar. Lee mas antes de crear un sitio de Itty Bitty! O echa un vistazo nuestra revisión de InMotion Hosting La revisión completa de alojamiento web de InMotion para principiantes¿Necesita un alojamiento web confiable? Nuestra revisión de InMotion Hosting revelará si el servicio es una buena opción para usted. Lee mas para otra forma de alojar su sitio.