Home-theater-designers
Com a programação, a criatividade online não conhece limites. Todos os dias, os programadores da 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 desses pequenos projetos.
Usando o site Itty Bitty, você pode criar um pequeno site HTML gratuitamente, mesmo se não tiver hospedagem na web.
Uma explicação Itty Bitty
Funciona assim: itty.bitty.site cria pequenos sites carregando-os por meio de seus URLs. Em outras palavras, seu site é armazenado e apresentado em seu link.
Por causa disso, os sites criados com o Itty Bitty não requerem hospedagem na web. O próprio URL contém todos os dados do site: sua aparência, o que diz, etc.
Você notará que, assim que receber seu link Itty Bitty, ele ficará um pouco maior do que o normal. Esse é o seu site inteiro.
Link para Link
O site real criado por Itty Bitty tem uma interface mínima. Lembre-se de que todas as páginas adicionais do site são criadas usando o próprio site.
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 no prompt.
Embora seu documento ou link possa usar outras linguagens de programação como CSS ou JS, eles ainda serão carregados com seu site Itty Bitty. Dito isso, o principal benefício de usar Itty Bitty (e o principal motivo pelo qual ele pode ser carregado de um endereço) é que sua página deve ser mantida em um determinado tamanho 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 .
como remover quebra de página em palavra
O site apresenta o tamanho do seu site na parte superior direita da janela. Embora o tamanho dos sites possa variar, isso também significa que o tamanho do link também varia. Alguns sites não permitem que você compartilhe links com mais de alguns bytes, o que pode limitar sua capacidade de compartilhar sites maiores.
Felizmente, o criador postou os tamanhos máximos de bytes possível para muitas plataformas populares para explicar quais tamanhos diferentes plataformas acomodam:
Se você deseja encurtar um site usando o Bitly, por exemplo, terá que criar um site muito pequeno. Isso também vale para o Microsoft Edge. Se você deseja compartilhá-lo apenas entre navegadores, no entanto, 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 o conteúdo do site diretamente, demonstrarei o uso de um projeto Codepen feito anteriormente por Dudley Storey .
Codepen é a maneira mais fácil de criar seu site usando 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 forte backbone HTML - e outras adições de programação sutis - pode criar um site simples. Felizmente, também é pequeno o suficiente para ser compartilhado em muitas das plataformas listadas acima.
Para converter um projeto Codepen em um site Itty Bitty, cole o link da Caneta no site Itty Bitty. Em seguida, passe o mouse sobre o 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.
Windows 10 não mostra o ícone da bateria
É aqui que você cria o link para 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 em 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 uma série de opções, como anexar uma referência física para dispositivos perdidos.
Parabéns, agora você tem um site pronto para vincular, sem servidor e gratuito!
Encurte ainda mais seu link Itty Bitty
Você também pode criar um link sem confusão usando uma ferramenta de redução de link. Vou usar o Bitly, que não só permite encurtar links, mas também permite que você personalize o link com seu próprio texto se você se inscrever para uma conta gratuita.
Nosso exemplo Codepen original é muito grande para condensar usando o Bitly, então aqui está outro projeto fantástico de Elmos JT . Eu simplesmente segui o processo acima para converter esta caneta em um site Itty Bitty.
Assim que tiver seu link, vá para Bitly . Cole o 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 prompt a seguir.
Depois de colar o link, ele será convertido automaticamente. Em seguida, ajuste seu link como achar melhor usando o editor do Bitly se você estiver logado.
Eu mudo o link inicial para ITTYBITTYEXAMPLE. Agora você pode ir para bit.ly/ITTYBITTYEXAMPLE como faria com 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 essa seja uma maneira legal e engenhosa de criar pequenos sites HTML, tem suas falhas. Você pode usar indevidamente um site 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 conte necessariamente com ele como o principal método de estabelecer uma presença segura na web.
As possibilidades do Itty Bitty são infinitas
A criatividade encontrada online costuma ser impressionante. Raramente, entretanto, é tão simples, acessível e fácil de usar quanto o Itty Bitty. Quer apresentar um pequeno aplicativo? Brincando com elementos div? Tudo é facilmente realizável usando o site Itty Bitty.
Além disso, você não está limitado a um determinado número de sites. Tome nota do criador do site, Nocholas Jitkoff, e vincule um site dentro de um site para obter um site explicativo abrangente de várias páginas. Ou faça um Bulldog ASCII . As possibilidades são pequenas em tamanho, mas infinitas em escopo, então experimente este pequeno experimento online hoje!
Vá mais longe e faça sites ainda melhores, melhorando seu conhecimento de HTML e CSS antes de criar um site Itty Bitty! Ou verifique nossa análise do InMotion Hosting para outra maneira de hospedar seu site.
Compartilhado Compartilhado Tweet O email Como limpar seu PC com Windows usando o prompt de comandoSe o seu PC com Windows estiver com pouco espaço de armazenamento, limpe o lixo usando esses utilitários de prompt de comando rápidos.
Leia a seguir Tópicos relacionados- Internet
- Programação
- HTML
- Desenvolvimento web
Christian é uma adição recente à comunidade MakeUseOf e um leitor ávido de tudo, desde a literatura densa até as histórias em quadrinhos de Calvin e Hobbes. Sua paixão pela tecnologia só se compara ao seu desejo e disposição para ajudar; se você tiver alguma dúvida sobre (principalmente) qualquer coisa, sinta-se à vontade para enviar um e-mail!
Mais de Christian BonillaAssine a nossa newsletter
Junte-se ao nosso boletim informativo para dicas de tecnologia, análises, e-books grátis e ofertas exclusivas!
Clique aqui para se inscrever