Como criar um site sem hospedagem com Itty Bitty

Propaganda

Com a programação, a criatividade online não tem limites. Todos os dias, programadores na Internet usam suas habilidades para criar pequenos projetos para o público. Itty Bitty, um site criado pelo ex-designer do Google e atual vice-presidente do Dropbox Nocholas Jitkoff, é um projeto tão pequeno.

Usando o site Itty Bitty, você pode criar um pequeno site HTML de graça, mesmo que não tenha hospedagem na web.

Uma Explicação Itty Bitty

Veja como funciona: itty.bitty.site cria sites pequenos carregando-os através de seus URLs. Em outras palavras, seu site é armazenado e apresentado dentro de seu link.

Por esse motivo, os sites criados com o Itty Bitty não requerem absolutamente hospedagem na web. O próprio URL contém todos os dados do site: como ele se parece, o que diz etc.

Você notará que, depois de receber o seu link Itty Bitty, ele será um pouco maior que o normal. Esse é o seu site inteiro.

Link para Link

O site real criado por Itty Bitty tem uma interface muito mínima. Lembre-se de que todas as páginas adicionais do site são criadas usando o próprio site.

A partir desta página, você pode começar imediatamente a usar HTML básico para criar uma página simples.

Se você deseja criar um site Itty Bitty mais robusto, pode arrastar e soltar um documento HTML diretamente no site ou vincular um projeto existente diretamente ao prompt.

Embora seu documento ou link possa usar outras linguagens de programação como CSS ou JS, eles ainda serão carregados no seu site Itty Bitty. Dito isto, o principal benefício do Itty Bitty (e o principal motivo pelo qual ele pode ser carregado a partir de um endereço) é que sua página deve ser mantida em um tamanho pequeno e pequeno.

Quão pequeno é um site Itty Bitty?

Se o Itty Bitty é gratuito e não requer hospedagem na web, qual o tamanho do seu site? A resposta: não muito.

O site apresenta o tamanho do seu site na parte superior direita da janela. Embora os sites possam variar de tamanho, isso também significa que seu link também varia de tamanho. Alguns sites não permitem que você compartilhe links maiores que alguns bytes, o que pode limitar sua capacidade de compartilhar sites maiores.

Felizmente, o criador tem publicou os tamanhos máximos de bytes É possível que muitas plataformas populares expliquem quais tamanhos as diferentes plataformas acomodarão:

Se você deseja reduzir um site usando o Bitly, por exemplo, precisará criar um site muito pequeno. Isso vale para o Microsoft Edge também. No entanto, se você deseja compartilhá-lo entre navegadores, pode criar um site muito maior.

Do link para o site Itty Bitty

Embora você também possa criar sites Itty Bitty soltando arquivos HTML diretamente nele ou digitando diretamente o conteúdo do site, demonstrarei o uso de um projeto Codepen feito anteriormente por Dudley Storey.

O Codepen é a maneira mais fácil de criar seu site usando o Itty Bitty. O Codepen fornece aos usuários um ambiente de desenvolvedor fácil de usar e um processo de vinculação conveniente.

O exemplo acima é um exemplo fantástico de como um backbone HTML forte - e outras adições sutis de programação - podem criar um site simples. Felizmente, também é pequeno o suficiente para compartilhar em muitas das plataformas listadas acima.

Para converter um projeto Codepen em um site da Itty Bitty, cole o link da caneta no site da Itty Bitty. Em seguida, passe o mouse sobre o cinza sem título seção e edite o texto para refletir seu site.

Em seguida, clique no cardápio no canto superior direito da janela.

É aqui que você cria o link para o seu Itty Bitty. Embora possa não parecer que você acabou de criar um site, você o criou!

Depois de clicar no link de cópia opção, você pode colar o link no seu navegador para visualizar o site. Também é importante observar: por padrão, os sites Itty Bitty podem ser enviados via código QR.

Isso permite várias opções, como anexar uma referência física para dispositivos perdidos.

Parabéns, agora você tem um site pronto para o link, sem servidor e gratuito!

Encurte ainda mais o seu Itty Bitty Link

Você também pode criar um link sem confusão usando uma ferramenta de redução de link. Usarei o Bitly, que não apenas permite diminuir os links, mas também personaliza o link com seu próprio texto se você se inscrever em uma conta gratuita.

Nosso exemplo original do Codepen é muito grande para condensar usando o Bitly, então aqui está outro projeto fantástico de JT Helms. Eu simplesmente segui o processo acima para converter essa caneta em um site Itty Bitty.

Depois de ter seu link, vá para Bitly. Cole seu link na página inicial do Bitly ou faça login na sua conta e selecione o Crio botão. Digite seu link no seguinte prompt.

Depois de colar seu link, ele será convertido automaticamente. Em seguida, ajuste seu link como achar melhor usando o editor da Bitly se você estiver conectado.

Mudo o link inicial para ITTYBITTYEXAMPLE. Agora você pode ir para bit.ly/ITTYBITTYEXAMPLE como você faria em qualquer outro site, exceto, é claro, que é gratuito e não requer hospedagem na web ou manutenção de servidor.

Segurança para sites Itty Bitty

Embora seja uma maneira legal e engenhosa de criar pequenos sites HTML, não deixa de ter suas falhas. Você pode usar indevidamente um site da Itty Bitty tão facilmente quanto qualquer outro. Isso significa que os sites podem incomodá-lo com recursos como alertas.

Como o site ainda está em fase experimental, não confie necessariamente no site como método principal para estabelecer uma presença segura na web.

As possibilidades de Itty Bitty são infinitas

A criatividade encontrada online geralmente é impressionante. Raramente, no entanto, é tão simples, acessível e fácil de usar quanto o Itty Bitty. Deseja mostrar um pequeno aplicativo? Brincando com elementos div? Tudo é facilmente possível usando o site Itty Bitty.

Além disso, você não está limitado a um determinado número ou sites. Anote o criador do site, Nocholas Jitkoff, e vincule um site a um site para um site explicativo abrangente e com várias páginas. Ou faça uma Buldogue ASCII. As possibilidades são pequenas em tamanho, mas infinitas em escopo, então experimente esta pequena experiência online hoje!

Vá além e crie sites ainda melhores melhorando seu conhecimento de HTML e CSS Aprenda HTML e CSS com estes tutoriais passo a passoCurioso sobre HTML, CSS e JavaScript? Se você acha que tem talento para aprender a criar sites do zero - aqui estão alguns ótimos tutoriais passo a passo que vale a pena tentar. consulte Mais informação antes de criar um site Itty Bitty! Ou confira nossa análise do InMotion Hosting A revisão completa do InMotion Web Hosting para iniciantesPrecisa de hospedagem confiável? Nossa análise do InMotion Hosting revelará se o serviço é uma boa escolha para você. consulte Mais informação para outra maneira de hospedar seu site.