Come creare un sito Web senza hosting con Itty Bitty

Annuncio pubblicitario

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

Utilizzando il sito Itty Bitty, puoi creare gratuitamente un piccolo sito Web HTML anche se non disponi di 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 viene archiviato e presentato, all'interno del suo link.

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

Noterai che una volta ricevuto il tuo 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 immediatamente iniziare 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 link possa utilizzare altri linguaggi di programmazione come CSS o JS, verranno comunque caricati con il tuo sito Itty Bitty. Detto questo, il principale vantaggio dell'utilizzo di Itty Bitty (e il motivo principale per cui può essere caricato da un indirizzo) è che la tua pagina deve essere mantenuta a una certa dimensione ridotta.

Quanto è piccolo un sito Itty Bitty?

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

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

Fortunatamente, il creatore ha ha pubblicato le dimensioni massime dei byte possibile per un sacco di piattaforme popolari per spiegare quali dimensioni possono ospitare piattaforme diverse:

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

Dal collegamento al sito Itty Bitty

Mentre puoi anche creare siti Itty Bitty rilasciando direttamente i file HTML o digitando direttamente i contenuti del sito, dimostrerò usando un progetto Codepen precedentemente realizzato da Piano di Dudley.

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 solida spina dorsale HTML, e altre sottili aggiunte alla programmazione, possano creare un semplice sito Web. Fortunatamente, è anche abbastanza piccolo da condividere 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, passa con il mouse sopra il grigio Senza titolo sezione e modifica il testo per riflettere il tuo sito.

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

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

Dopo aver fatto clic su copia link opzione, è possibile incollare il collegamento nel browser per visualizzare il sito. Anche importante notare: per impostazione predefinita, i siti Itty Bitty possono essere inviati tramite codice QR.

Ciò consente una serie di opzioni, come il collegamento di un riferimento fisico per i dispositivi persi.

Complimenti, ora hai un sito Web pronto per il collegamento che è privo di server e gratuito!

Riduci ulteriormente il tuo link Itty Bitty

Puoi anche creare un collegamento privo di ingombri utilizzando uno strumento di accorciamento dei collegamenti. Userò Bitly, che non solo ti consente di abbreviare i link, ma ti consente 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 condensare usando Bitly, quindi ecco un altro fantastico progetto di JT Helms. Ho semplicemente seguito il processo sopra per convertire questa penna in un sito Itty Bitty.

Una volta che hai il tuo link, vai a 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 link, verrà automaticamente convertito. Quindi, regola il tuo collegamento come ritieni opportuno utilizzando l'editor di Bitly se hai effettuato l'accesso.

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

Sicurezza per i siti Itty Bitty

Sebbene sia un modo interessante e geniale per creare piccoli siti HTML, non è privo di difetti. È possibile utilizzare in modo improprio un sito Itty Bitty il più facilmente possibile. Ciò significa che i siti possono infastidirti con funzionalità come gli avvisi.

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

Le possibilità 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? Fare casino con gli elementi div? È tutto facilmente fattibile usando il sito Itty Bitty.

Inoltre, non sei limitato a un certo numero o siti. Prendi nota del creatore del sito Nocholas Jitkoff e collega un sito all'interno di un sito per un sito Web esplicativo completo e multipagina. O creane uno Bulldog ASCII. Le possibilità sono di piccole dimensioni, ma di portata infinita, quindi prova questo piccolo esperimento online oggi!

Vai oltre e crea siti ancora migliori di migliorare la tua conoscenza di HTML e CSS Scopri HTML e CSS con questi tutorial passo dopo passoCurioso di HTML, CSS e JavaScript? Se ritieni di avere un talento per imparare a creare siti Web da zero, ecco alcuni ottimi tutorial passo-passo che vale la pena provare. Leggi di più prima di creare un sito Itty Bitty! Oppure dai un'occhiata la nostra recensione di InMotion Hosting La recensione completa di hosting Web InMotion per principiantiHai 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 di ospitare il tuo sito.