Come creare un sito web che si adatti al proprio link

Domanda veloce: se volessi pubblicare un sito web veloce di una pagina in questo momento, come lo faresti? Lo metteresti su un servizio come Tumblr, o dovresti registrare un nome di dominio, trovare un host e Zzzzzzzz. Ma cosa accadrebbe se potessi semplicemente creare quella pagina web, quindi comprimerla nel proprio link? Ogni volta che qualcuno cliccava su quel link, si decomprimeva da solo e si mostrava nel browser come qualsiasi normale pagina web. Questo è ciò che fa Itty Bitty.

È piuttosto selvaggio e diventa ancora più selvaggio. Perché mentre puoi incollare il tuo link ovunque, come un Tweet, puoi anche trasformare quel link in un codice QR e stamparlo. Se lo fai, quel codice QR cartaceo contiene il tuo sito web reale. Ogni volta che qualcuno lo scansiona, verrà decompresso e reso, senza bisogno di Internet.

Siti web di Itty Bitty

Itty Bitty viene da Nicholas Jitkoff alias. Alcor, il creatore di Quicksilver e attuale VP of Design di Dropbox. Consiste in un editor basato sul web che ti consente di digitare tutto ciò che ti piace. Quando sei soddisfatto di ciò che hai scritto - una poesia, un curriculum o una pagina web completamente codificata con immagini - copi semplicemente l'URL dalla barra degli URL di Safari. Quindi condividi quell'URL, proprio come condivideresti qualsiasi link.

La differenza è che il tuo sito web è contenuto dentro quell'URL. Non è un collegamento normale che punta a un sito Web ospitato da qualche parte su Internet. È completamente autonomo.

Ora, questo comporta alcuni vincoli, il più grande dei quali è la dimensione. L'editor Itty Bitty riduce il testo il più possibile, ma c'è un limite alla dimensione dei collegamenti che possono essere condivisi. Twitter ti limita a poco più di 4000 byte o 4K. Un codice QR può memorizzare un massimo di 2.610 byte. Ma se stai usando solo il testo, questo è un bel po' di spazio. Jitkoff:

Per adattarsi meglio all'URL, il contenuto viene compresso utilizzando il Algoritmo della catena di Lempel-Ziv-Markov. Ciò riduce significativamente le dimensioni dell'html, consentendo di stampare quasi una pagina di contenuto.

Come creare una pagina web Itty Bitty

Itty Bitty editore.
Itty Bitty editore.
Foto: Culto di Mac

Per creare un sito, vai su l'editore, e inizia. Puoi dare un titolo alla tua pagina e puoi scrivere qualsiasi cosa ti piaccia, usando HTML. Puoi creare manualmente questo HTML o utilizzare il tuo editor preferito per crearlo, quindi incollare il risultato nell'editor di Itty Bitty. Gli utenti più avanzati possono collegalo a Codepen.io. Per questo articolo, creerò una versione Itty Bitty di tutto questo poste incollalo, utilizzando l'eccellente esportazione HTML di Ulisse.

Come puoi vedere nell'editor, c'è un contatore in alto a destra che ti dice quanto è grande la tua pagina finora, in byte. Mantieni questo sotto i 2000 byte per la massima compatibilità. Come guida, questa pagina, senza immagini, arriva a soli XXX.

Quando sei soddisfatto del risultato, copia l'URL da Safari (o dal browser che stai utilizzando) e incollalo in una nuova scheda. Puoi anche semplicemente premere il pulsante di ricarica e il sito si caricherà da solo (è contenuto nel proprio link, ricorda). Tuttavia, ciò rende difficile tornare indietro e correggere eventuali errori commessi.

Codice complesso

Questa app si inserisce all'interno del proprio URL.
Questa app si inserisce all'interno del proprio URL.
Foto: Culto di Mac

Non sei nemmeno limitato all'HTML di base. Guardare questa app calcolatrice, costruito a Itty Bitty.

Senza internet!

Quando carichi un sito Itty Bitty, è completamente autonomo. L'URL può iniziare con itty.bitty.site, ma ciò non significa che si sta caricando dai server di Itty Bitty. Puoi verificarlo scansionando un codice QR contenente questa pagina. Se metti il ​​tuo iPhone in modalità aereo e poi scansiona questo codice QR, si caricherà bene. Ora, potresti usarlo per mettere un intero sito web su un poster, su un biglietto da visita o ovunque.

Scansionami.
Scansionami.
Foto: Culto di Mac

Questa idea esiste in qualcosa chiamato URL di dati, ma Jitkoff sottolinea alcune differenze in un tweet:

  • La maggior parte degli strumenti non tratta gli URL dei dati come collegamenti validi (incluso Twitter) e quindi è molto più difficile condividerli in modo affidabile.
  • Gli URL dei dati non supportano la compressione, quindi la dimensione del contenuto diventa un problema prima?

Sicurezza

L'ovvio svantaggio di questo è la sicurezza. Utilizzando un sito realizzato in modo intelligente, sarebbe possibile diffondere malware utilizzando solo un codice QR, il che non è eccezionale. Forse Itty Bitty finirà per diventare una discarica di malware, ma forse no. Nel frattempo, è un modo fantastico per condividere minuscole informazioni, senza che nessuno cerchi di fermarti.

Ultimo post sul blog

| Culto di Mac
August 20, 2021

Amazon prevede di posticipare il Prime Day a causa del COVID-19Dovrai aspettare ancora un po' per il giorno delle offerte killer di Amazon.Foto: Am...

| Culto di Mac
August 20, 2021

Come ingrandire rapidamente il testo su iPhone e iPadUna lente d'ingrandimento è lo zoom OG per la cartaFoto: loro/Flickr CCNon sono solo gli anzia...

| Culto di Mac
August 20, 2021

Secondo i rapporti, Apple sta pianificando turni notturni presso i punti vendita internazionali in tutto il mondo per prepararsi al rilascio di OS ...