Hvordan lage et nettsted som passer inne i sin egen lenke

Hurtigspørsmål: Hvis du ville publisere et raskt en-siders nettsted akkurat nå, hvordan ville du gjort det? Du vil enten legge den ut på en tjeneste som Tumblr, eller du må registrere et domenenavn, finne en vert og Zzzzzzzz. Men hva om du bare kunne lage den nettsiden og deretter zip den opp i sin egen lenke? Når noen klikket på denne koblingen, pakket den seg ut og dukket opp i nettleseren som en vanlig nettside. Det er det Itty Bitty gjør.

Det er ganske vilt, og blir enda villere. Fordi mens du kan lime inn lenken din hvor som helst, for eksempel en Tweet, kan du også gjøre denne koblingen til en QR -kode og skrive den ut. Hvis du gjør det, inneholder den papir -QR -koden ditt faktiske nettsted. Når noen skanner den, blir den pakket ut og gjengitt, og det kreves ikke internett.

Itty Bitty nettsteder

Bitteliten kommer fra Nicholas Jitkoff aka. Alcor, skaperen av Quicksilver, og nåværende VP for Design på Dropbox. Den består av en nettbasert redaktør som lar deg skrive inn alt du liker. Når du er fornøyd med det du har skrevet-et dikt, et CV eller en fullt kodet nettside med bilder-kopierer du nettadressen fra Safari URL-linje. Del deretter denne nettadressen, akkurat som du vil dele en hvilken som helst lenke.

Forskjellen er at nettstedet ditt er inneholdt inne den nettadressen. Det er ikke en vanlig lenke som peker til et nettsted som er et sted på internett. Det er helt frittstående.

Nå har dette visse begrensninger, hvorav den største er størrelse. Itty Bitty -redigereren krymper teksten din så mye som mulig, men det er en grense for størrelsen på koblinger som kan deles. Twitter begrenser deg til litt over 4000 byte, eller 4K. En QR -kode kan lagre maksimalt 2610 byte. Men hvis du bare bruker tekst, er dette ganske mye plass. Jitkoff:

For å passe mer i nettadressen, blir innholdet komprimert ved hjelp av Kjedealgoritme for Lempel – Ziv – Markov. Dette reduserer størrelsen på html betydelig, noe som gir nesten en trykt side verdt med innhold.

Hvordan lage en Itty Bitty -webside

For å opprette et nettsted, gå til redaktøren, og kom i gang. Du kan gi siden din en tittel, og du kan skrive alt du liker der inne ved hjelp av HTML. Du kan lage denne HTML-en for hånden, eller bruke favorittredigereren din til å lage den, og deretter lime inn resultatet i Itty Bitty-redaktøren. Mer avanserte brukere kan koble den til Codepen.io. For denne artikkelen skal jeg lage en Itty Bitty -versjon av hele dette innlegget, og lim den inn ved å bruke Ulysses 'utmerkede HTML -eksport.

Som du kan se i redaktøren, er det en teller øverst til høyre som forteller deg hvor stor siden din er så langt, i byte. Hold dette under 2000 byte for maksimal kompatibilitet. Som veiledning kommer denne siden - uten bilder - inn på bare XXX.

Når du er fornøyd med resultatet, kan du bare kopiere nettadressen fra Safari (eller hvilken nettleser du bruker) og lime den inn i en ny fane. Du kan også bare trykke på Last -knappen på nytt, og siden vil laste seg selv (den finnes i sin egen lenke, husk). Dette gjør det imidlertid vanskelig å gå tilbake og redigere for eventuelle feil du har gjort.

Kompleks kode

Du er ikke begrenset til grunnleggende HTML heller. Sjekk ut denne kalkulator -appen, bygget i Itty Bitty.

Ingen internett!

Når du laster inn et Itty Bitty-nettsted, er det helt frittstående. Nettadressen kan begynne med itty.bitty.site, men det betyr ikke at den lastes fra Itty Bitty sine servere. Du kan teste dette ved å skanne en QR -kode som inneholder denne siden. Hvis du setter iPhone i flymodus, og deretter skanner denne QR -koden, lastes den helt fint. Nå kan du bruke dette til å sette et helt nettsted på en plakat, på et visittkort eller hvor som helst.

Denne ideen finnes i noe som heter Data URLs, men Jitkoff påpeker noen forskjeller i en tweet:

• De fleste verktøy behandler ikke data -URL -er som gyldige lenker (inkludert Twitter), og derfor er det mye vanskeligere å dele pålitelig.
• Datanettadresser støtter ikke komprimering, så innholdsstørrelse blir et problem før?

Sikkerhet

Den åpenbare ulempen med dette er sikkerhet. Ved å bruke et smart utformet nettsted, ville det være mulig å spre skadelig programvare ved å bare bruke en QR-kode, noe som ikke er bra. Kanskje Itty Bitty til slutt vil ende opp som en dump for skadelig programvare, men kanskje ikke. I mellomtiden er det en fantastisk måte å dele bittesmå informasjon, uten at noen prøver å stoppe deg.