Hoe maak je een website die in zijn eigen link past?

Snelle vraag: als u nu een snelle website van één pagina zou willen publiceren, hoe zou u dat dan doen? Je zou het ofwel op een service als Tumblr plaatsen, of je zou een domeinnaam moeten registreren, een host moeten vinden en Zzzzzzzzz. Maar wat als u gewoon die webpagina zou kunnen maken en deze vervolgens in een eigen link zou kunnen zippen? Telkens wanneer iemand op die link klikte, zou deze zichzelf uitpakken en in hun browser verschijnen zoals elke gewone webpagina. Dat is wat Itty Bitty doet.

Het is behoorlijk wild en wordt nog wilder. Want hoewel je je link overal kunt plakken, zoals een Tweet, kun je die link ook omzetten in een QR-code en deze afdrukken. Als u dat doet, bevat die papieren QR-code uw eigenlijke website. Wanneer iemand het scant, wordt het uitgepakt en weergegeven, zonder internet.

Itty Bitty-websites

Itty Bitty komt van Nicholas Jitkoff oftewel Alcor, de maker van Quicksilver, en huidige VP of Design bij Dropbox. Het bestaat uit een webgebaseerde editor waarmee u alles kunt typen wat u maar wilt. Als je tevreden bent met wat je hebt geschreven - een gedicht, een cv of een volledig gecodeerde webpagina met afbeeldingen - kopieer je gewoon de URL uit de URL-balk van Safari. Deel vervolgens die URL, net zoals u een link zou delen.

Het verschil is dat uw website is bevatte binnen die url. Het is geen gewone link die verwijst naar een website die ergens op internet wordt gehost. Het is volledig op zichzelf staand.

Dit gaat gepaard met bepaalde beperkingen, waarvan de grootte de grootste is. De Itty Bitty-editor verkleint uw tekst zo veel mogelijk, maar er is een limiet aan de grootte van links die kunnen worden gedeeld. Twitter beperkt je tot iets meer dan 4000 bytes, of 4K. Een QR-code kan maximaal 2610 bytes bevatten. Maar als je alleen tekst gebruikt, is dit best veel ruimte. Jitkoff:

Om meer in de URL te passen, wordt de inhoud gecomprimeerd met behulp van de Lempel-Ziv-Markov-ketenalgoritme. Dit verkleint de grootte van html aanzienlijk, waardoor inhoud van bijna een afgedrukte pagina mogelijk is.

Een Itty Bitty-webpagina maken

Ga om een ​​site te maken naar de bewerker, en ga aan de slag. Je kunt je pagina een titel geven en je kunt er alles in schrijven met HTML. U kunt deze HTML met de hand maken of uw favoriete editor gebruiken om deze te maken en het resultaat vervolgens in de Itty Bitty-editor plakken. Meer gevorderde gebruikers kunnen sluit het aan op Codepen.io. Voor dit artikel ga ik een Itty Bitty-versie maken van dit hele bericht, en plak het in, met behulp van de uitstekende HTML-export van Ulysses.

Zoals je in de editor kunt zien, is er rechtsboven een teller die je vertelt hoe groot je pagina tot nu toe is, in bytes. Houd dit onder de 2000 bytes voor maximale compatibiliteit. Als richtlijn komt deze pagina - zonder afbeeldingen - op slechts XXX.

Als u tevreden bent met het resultaat, kopieert u gewoon de URL uit Safari (of welke browser u ook gebruikt) en plakt u deze in een nieuw tabblad. Je kunt ook gewoon op de herlaadknop drukken en de site laadt zichzelf (deze staat in een eigen link, onthoud). Dit maakt het echter moeilijk om terug te gaan en eventuele fouten te bewerken.

Complexe code

U bent ook niet beperkt tot eenvoudige HTML. Uitchecken deze rekenmachine-app, gebouwd in Itty Bitty.

Geen internet!

Wanneer u een Itty Bitty-site laadt, staat deze volledig op zichzelf. De URL kan beginnen met itty.bitty.site, maar dat betekent niet dat het wordt geladen vanaf de servers van Itty Bitty. U kunt dit testen door een QR-code met deze pagina te scannen. Als je je iPhone in vliegtuigmodus zet en vervolgens deze QR-code scant, wordt hij prima geladen. Nu zou je dit kunnen gebruiken om een ​​hele website op een poster, op een visitekaartje of waar dan ook te plaatsen.

Dit idee bestaat in iets dat Data-URL's wordt genoemd, maar Jitkoff wijst op enkele verschillen in een tweet:

• De meeste tools behandelen data-urls niet als geldige links (inclusief Twitter), en zijn daarom veel moeilijker betrouwbaar te delen.
• Gegevens-URL's ondersteunen geen compressie, dus inhoudsgrootte wordt eerder een probleem?

Veiligheid

Het voor de hand liggende nadeel hiervan is de beveiliging. Met behulp van een slim gemaakte site zou het mogelijk zijn om malware te verspreiden met alleen een QR-code, wat niet geweldig is. Misschien zal Itty Bitty uiteindelijk eindigen als een stortplaats voor malware, maar misschien ook niet. In de tussentijd is het een geweldige manier om kleine stukjes informatie te delen, zonder dat iemand je probeert te stoppen.