Come creare un sito web senza hosting con Itty Bitty

Come creare un sito web senza hosting con Itty Bitty

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





Utilizzando il sito Itty Bitty, puoi creare gratuitamente un piccolo sito Web HTML anche se non disponi di alcun web hosting.





Una piccola spiegazione

Ecco come funziona: itty.bitty.site crea piccoli siti caricandoli tramite i loro URL. In altre parole, il tuo sito viene archiviato e presentato all'interno del suo collegamento.





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: che aspetto ha, 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.



Il sito attuale creato da Itty Bitty ha un'interfaccia molto minimale. Tieni presente che ogni pagina aggiuntiva del 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 desideri creare un sito Itty Bitty più robusto, puoi 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 il motivo principale per cui può essere caricato da un indirizzo) è che la tua pagina deve essere mantenuta sotto 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 .

come recuperare i messaggi cancellati da messenger

Il sito ti presenta le dimensioni del tuo sito web nella parte in alto a destra della finestra. Sebbene i siti possano variare di dimensioni, ciò significa anche che anche il tuo link fluttuerà in termini 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 ha pubblicato le dimensioni massime in byte possibile per molte piattaforme popolari spiegare quali dimensioni possono ospitare piattaforme diverse:

Se stai cercando di accorciare 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 tra i browser, tuttavia, puoi creare un sito molto più grande.

Mentre puoi anche creare siti Itty Bitty rilasciando file HTML direttamente in esso o digitando direttamente i contenuti del sito, ti mostrerò l'utilizzo di un progetto Codepen precedentemente realizzato da Dudley Storey .

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

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

Per convertire un progetto Codepen in un sito Itty Bitty, incolla il link di Pen nel sito Itty Bitty. Quindi, passa il mouse sul grigio Senza titolo sezione e modifica il testo in modo che rifletta il tuo sito.

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

converti pdf in bianco e nero mac

Qui è dove crei il collegamento 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, puoi incollare il link nel tuo browser per visualizzare il sito. Importante anche 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 smarriti.

Congratulazioni, ora hai un sito web pronto per il collegamento, senza server e gratuito!

Puoi anche creare un collegamento senza ingombri utilizzando uno strumento di accorciamento dei collegamenti. Userò Bitly, che non solo ti consente di abbreviare i collegamenti, ma ti consente anche di personalizzare il collegamento 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 Elmi JT . Ho semplicemente seguito il processo 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 link, verrà convertito automaticamente. Quindi, regola il tuo collegamento come ritieni opportuno utilizzando l'editor di Bitly se hai effettuato l'accesso.

Cambio il link 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 questo sia un modo fantastico e ingegnoso per creare piccoli siti HTML, non è privo di difetti. Puoi abusare di un sito Itty Bitty con la stessa facilità con cui puoi fare qualsiasi altro. 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 web sicura.

Le possibilità di Itty Bitty sono infinite

La creatività trovata online è spesso impressionante. Raramente, tuttavia, è così semplice, accessibile e facile da usare come Itty Bitty. Vuoi mostrare una piccola applicazione? Giochi con elementi div? È tutto facilmente realizzabile utilizzando il sito di 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 di più pagine. O fare un Bulldog ASCII . Le possibilità sono di piccole dimensioni, ma infinite, quindi prova oggi stesso questo piccolo esperimento online!

Vai oltre e crea siti ancora migliori migliorando la tua conoscenza di HTML e CSS prima di creare un sito Itty Bitty! Oppure dai un'occhiata la nostra recensione di InMotion Hosting per un altro modo per ospitare il tuo sito.

Condividere Condividere Tweet E-mail Come pulire il tuo PC Windows utilizzando il prompt dei comandi

Se il tuo PC Windows sta esaurendo lo spazio di archiviazione, ripulisci la spazzatura usando queste veloci utility del prompt dei comandi.

Leggi Avanti
Argomenti correlati
  • Internet
  • Programmazione
  • HTML
  • Sviluppo web
Circa l'autore Christian bonilla(83 Articoli Pubblicati)

Christian è una recente aggiunta alla comunità MakeUseOf e un avido lettore di tutto, dalla letteratura densa ai fumetti di Calvin e Hobbes. La sua passione per la tecnologia è pari solo alla sua voglia e disponibilità ad aiutare; se hai domande riguardanti (soprattutto) qualsiasi cosa, sentiti libero di inviare un'e-mail!

Altro da Christian Bonilla

Iscriviti alla nostra Newsletter

Iscriviti alla nostra newsletter per consigli tecnici, recensioni, ebook gratuiti e offerte esclusive!

Clicca qui per iscriverti