Come creare un sito web senza hosting con Itty Bitty

Con la programmazione, la creatività online non conosce limiti. Ogni giorno, i programmatori su Internet utilizzano le proprie competenze per creare piccoli progetti per il pubblico. Itty Bitty, un sito web creato dall'ex designer di Google e attuale vice presidente di Dropbox Nocholas Jitkoff, è un progetto così piccolo.

Usando il sito Itty Bitty, puoi creare gratuitamente un piccolo sito Web HTML anche se non hai alcun hosting web.

Una spiegazione Itty Bitty

Ecco come funziona: itty.bitty.site crea piccoli siti caricandoli attraverso i loro URL. In altre parole, il tuo sito è memorizzato e presentato, all'interno del suo link.

Per questo motivo, i siti Web creati utilizzando Itty Bitty non richiedono assolutamente alcun hosting web. L'URL stesso contiene tutti i dati del sito: come appare, cosa dice, ecc.

Noterai che una volta ricevuto il link Itty Bitty, sarà un po 'più grande del solito. Questo è il tuo intero sito web.

Link per Link

Il sito reale creato da Itty Bitty ha un'interfaccia molto minimale. Tieni presente che ogni pagina aggiuntiva sul sito viene creata utilizzando il sito stesso.

Da questa pagina, puoi iniziare immediatamente a utilizzare l'HTML di base per creare una pagina semplice.

Se si desidera creare un sito Itty Bitty più robusto, è possibile trascinare e rilasciare un documento HTML direttamente nel sito Web o collegare un progetto esistente direttamente nel prompt.

Sebbene il tuo documento o collegamento possa utilizzare altri linguaggi di programmazione come CSS o JS, verranno comunque caricati con il tuo sito Itty Bitty. Detto questo, il vantaggio principale dell'utilizzo di Itty Bitty (e la ragione centrale per cui può essere caricato da un indirizzo) è che la tua pagina deve essere mantenuta sotto una certa dimensione piccola.

Quanto è piccolo un sito di Itty Bitty?

Se Itty Bitty è gratuito e non richiede hosting web, quanto può essere grande il tuo sito? La risposta: non molto.

Il sito presenta la dimensione del tuo sito web nella parte in alto a destra della finestra. Mentre i siti possono fluttuare in termini di dimensioni, ciò significa anche che il tuo link fluttuerà di dimensioni. Alcuni siti non ti permetteranno di condividere link più grandi di pochi byte, il che può limitare la tua capacità di condividere siti più grandi.

Fortunatamente, il creatore ha pubblicato le dimensioni massime dei byte possibili per molte piattaforme popolari per spiegare quali dimensioni possono ospitare diverse piattaforme:

Se stai cercando di abbreviare un sito web usando Bitly, ad esempio, dovrai creare un sito web molto piccolo. Questo vale anche per Microsoft Edge. Se stai solo cercando di condividerlo attraverso i browser, tuttavia, puoi creare un sito molto più grande.

Dal link al sito di Itty Bitty

Sebbene tu possa anche creare siti Itty Bitty facendo cadere direttamente file HTML o digitando direttamente il contenuto del sito, ti dimostrerò utilizzando un progetto Codepen precedentemente realizzato da Dudley Storey.

Codepen è il modo più semplice per creare il tuo sito usando Itty Bitty. Codepen offre agli utenti un ambiente di sviluppo facile da usare e un comodo processo di collegamento.

Quanto sopra è un fantastico esempio di come una forte dorsale HTML e altre sottili aggiunte di programmazione possono creare un semplice sito web. Fortunatamente, è anche abbastanza piccolo da essere condiviso su molte delle piattaforme sopra elencate.

Per convertire un progetto Codepen in un sito Itty Bitty, incolla il link della penna nel sito Itty Bitty. Quindi, mouse sopra il grigio Senza titolo sezione e modifica il testo per riflettere il tuo sito.

Quindi, fare clic su menu in alto a destra della finestra.

Qui è dove crei il link al tuo Itty Bitty. Anche se non sembra che tu abbia appena creato un sito web, lo hai!

Una volta che fai clic sul copia link opzione, è possibile incollare il collegamento nel browser per visualizzare il sito. È anche importante notare che, per impostazione predefinita, i siti Itty Bitty possono essere inviati tramite codice QR.

Ciò consente una vasta gamma di opzioni, ad esempio il collegamento di un riferimento fisico per i dispositivi persi.

Congratulazioni, ora disponi di un sito Web pronto per il collegamento privo di server e gratuito!

Accorcia ulteriormente il tuo link a Itty Bitty

È inoltre possibile creare un collegamento privo di ingombro utilizzando uno strumento di riduzione dei collegamenti. Userò Bitly, che non solo ti consente di abbreviare i collegamenti ma ti permette anche di personalizzare il link con il tuo testo se ti registri per un account gratuito.

Il nostro esempio originale di Codepen è troppo grande per essere condensato usando Bitly, quindi ecco un altro fantastico progetto di JT Helms. Ho semplicemente seguito il processo di cui sopra per convertire questa penna in un sito Itty Bitty.

Una volta che hai il tuo link, vai su Bitly. Incolla il tuo link nella splash page di Bitly, o accedi al tuo account e seleziona il Creare pulsante. Inserisci il tuo link nel seguente prompt.

Una volta incollato il tuo link, verrà automaticamente convertito. Quindi, modifica il link come ritieni opportuno utilizzando l'editor di Bitly se hai effettuato l'accesso.

Cambio il link iniziale in ITTYBITTYEXAMPLE. Ora puoi andare su bit.ly/ITTYBITTYEXAMPLE come faresti con qualsiasi altro sito, tranne, ovviamente, che è gratuito e non richiede hosting web o manutenzione del server.

Sicurezza per siti Bitty Itty

Mentre questo è un modo geniale e geniale per creare piccoli siti HTML, non è privo di difetti. Puoi abusare di un sito di Itty Bitty il più facilmente possibile. Ciò significa che i siti possono infastidirti con funzioni come gli avvisi.

Poiché il sito è ancora in una fase sperimentale, non necessariamente fare affidamento sul sito come metodo principale per stabilire una presenza Web sicura.

Le possibilità di Itty Bitty sono infinite

La creatività trovata online è spesso impressionante. Raramente, tuttavia, è semplice, accessibile e facile da usare come Itty Bitty. Vuoi mostrare una piccola applicazione? Stai scherzando con gli elementi div? È tutto facilmente realizzabile usando il sito di Itty Bitty.

Inoltre, non sei limitato a un certo numero o siti. Prendi nota dal creatore del sito Nocholas Jitkoff e collega un sito all'interno di un sito per un sito web esplicativo completo di più pagine. Oppure crea un bulldog ASCII. Le possibilità sono di piccole dimensioni, ma senza fine, quindi prova questo piccolo esperimento online oggi!

Vai oltre e realizza siti ancora migliori migliorando la tua conoscenza di HTML e CSS Impara HTML e CSS con questi tutorial Step by Step Impara HTML e CSS con questi tutorial passo per passo Curioso su HTML, CSS e JavaScript? Se pensi di avere un talento per imparare a creare siti Web da zero, ecco alcuni tutorial dettagliati che vale la pena provare. Leggi di più prima di creare un sito Itty Bitty! Oppure controlla la recensione di InMotion Hosting La recensione completa di InMotion Web Hosting per principianti La recensione completa di InMotion Web Hosting per principianti Hai bisogno di un hosting web affidabile? La nostra recensione di InMotion Hosting rivelerà se il servizio è una buona scelta per te. Leggi di più per un altro modo per ospitare il tuo sito.

Scopri di più su: HTML, sviluppo Web.