Hur man skapar en värdfri webbplats med Itty Bitty

Med programmering vet online kreativitet inga gränser. Programmerare över Internet använder varje dag sina färdigheter för att skapa små projekt för allmänheten. Itty Bitty, en webbplats skapad av tidigare designer för Google och nuvarande vicepresident på Dropbox Nocholas Jitkoff, är ett sådant litet projekt.

Med hjälp av Itty Bitty-webbplatsen kan du skapa en liten HTML-webbplats gratis även om du inte har någon webbhotell.

En Itty Bitty Förklaring

Så här fungerar det: itty.bitty.site skapar små webbplatser genom att ladda dem via sina webbadresser. Med andra ord, din webbplats lagras och presenteras, inom dess länk.

På grund av detta kräver webbplatser som skapats med hjälp av Itty Bitty absolut ingen webbhotell. URL-adressen innehåller hela webbplatsens data: hur det ser ut, vad det står osv.

Du kommer märka att när du får din Itty Bitty-länk, blir den lite större än vanligt. Det är hela din webbplats.

Länk för länk

Den faktiska webbplatsen som skapats av Itty Bitty har ett mycket minimalt gränssnitt. Tänk på att varje ytterligare sida på webbplatsen skapas med webbplatsen själv.

Från den här sidan kan du omedelbart börja använda grundläggande HTML för att skapa en enkel sida.

Om du vill skapa en mer robust Itty Bitty-webbplats kan du antingen dra och släppa ett HTML-dokument direkt på webbplatsen eller länka ett befintligt projekt direkt till prompten.

Medan ditt dokument eller länk kan använda andra programmeringsspråk som CSS eller JS, kommer de fortfarande att laddas med din Itty Bitty-sida. Det sagt är den huvudsakliga fördelen med att använda Itty Bitty (och den centrala anledningen att den kan laddas från en adress) att din sida måste hållas under en viss liten storlek.

Hur Small är en Itty Bitty Site?

Om Itty Bitty är gratis och kräver ingen webbhotell, hur stor kan din webbplats verkligen vara? Svaret: inte särskilt.

Webbplatsen presenterar storleken på din webbplats till dig längst upp till höger i fönstret. Även om webbplatser kan fluktuera i storlek betyder det också att din länk kommer att fluktuera i storlek också. Vissa webbplatser tillåter inte dig att dela länkar som är större än några byte, vilket kan begränsa din förmåga att dela större webbplatser.

Lyckligtvis har skaparen lagt upp de maximala byte storlekarna som är möjliga för många populära plattformar för att förklara vilka storlekar olika plattformar rymmer:

Om du vill förkorta en webbplats med Bitly, måste du till exempel skapa en mycket liten webbplats. Det gäller också Microsoft Edge. Om du bara vill dela den över webbläsare kan du skapa en mycket större webbplats.

Från länk till Itty Bitty Site

Medan du också kan skapa Itty Bitty-webbplatser genom att släppa HTML-filer direkt i det eller genom att skriva in innehållet direkt, ska jag demonstrera med ett Codepen-projekt som tidigare gjordes av Dudley Storey.

Codepen är det enklaste sättet att skapa din webbplats med hjälp av Itty Bitty. Codepen ger användarna både en användarvänlig utvecklingsmiljö och en bekväm länkprocess.

Ovanstående är ett fantastiskt exempel på hur en stark HTML-ryggrad och andra subtila programmeringstillägg kan skapa en enkel webbplats. Lyckligtvis är det också tillräckligt liten för att dela över många av de plattformar som anges ovan.

Om du vill konvertera ett Codepen-projekt till en Itty Bitty-sida klistar du in penna länken i Itty Bitty-webbplatsen. Sedan, mus över det grå ofrälse avsnitt och redigera texten för att återspegla din webbplats.

Klicka sedan på meny längst upp till höger om fönstret.

Här skapar du länken till din Itty Bitty. Även om det kanske inte verkar som om du just har skapat en webbplats, har du!

När du klickar på kopiera länk Alternativet kan du klistra in länken i din webbläsare för att visa webbplatsen. Också viktigt att notera: Som standard kan Itty Bitty-sändningar skickas via QR-kod.

Det möjliggör en rad alternativ, som att bifoga en fysisk referens för förlorade enheter.

Grattis, du har nu en färdig länkwebbplats som är serverlös och gratis!

Förkorta din Itty Bitty Link ännu längre

Du kan också skapa en ringlös länk med ett länkförkortningsverktyg. Jag använder Bitly, som inte bara låter dig förkorta länkar men låter dig också anpassa länken till din egen text om du registrerar dig för ett gratis konto.

Vårt ursprungliga Codepen-exempel är för stort för att kondensera med Bitly, så här är ett annat fantastiskt projekt av JT Helms. Jag följde helt enkelt processen ovan för att konvertera denna penna till en Itty Bitty-webbplats.

När du har din länk, gå till Bitly. Klistra in din länk till Bitly's splash-sida, eller logga in på ditt konto och välj Skapa knapp. Ange din länk i följande fråga.

När du har klistrat in din länk kommer den automatiskt att konverteras. Justera sedan din länk som du tycker är lämplig med Bitlys redigerare om du är inloggad.

Jag ändrar den ursprungliga länken till ITTYBITTYEXAMPLE. Du kan nu gå vidare till bit.ly/ITTYBITTYEXAMPLE som du skulle ha någon annan webbplats - förutom att det är gratis och kräver ingen webbhotell eller serverunderhåll.

Säkerhet för Itty Bitty-webbplatser

Även om detta är ett coolt och genialt sätt att skapa små HTML-sidor, är det inte utan brister. Du kan missbruka en Itty Bitty-webbplats så enkelt som du kan någon annan. Det betyder att webbplatser kan irritera dig med funktioner som varningar.

Eftersom webbplatsen fortfarande är i en experimentell fas, är det inte nödvändigtvis beroende av webbplatsen som en viktig metod för att skapa en säker webbtillgänglighet.

Itty Bitty Möjligheterna är oändliga

Kreativitet som hittades online är ofta imponerande. Sällan är det dock så enkelt, tillgängligt och lätt att använda som Itty Bitty. Vill du visa en liten applikation? Messing runt med div-element? Det är lätt att göra med Itty Bitty-webbplatsen.

Dessutom är du inte begränsad till ett visst antal eller webbplatser. Ta en notering från webbplatsens skapare Nocholas Jitkoff och länka en webbplats på en webbplats för en omfattande, flersidig förklarande webbplats. Eller gör en ASCII bulldogg. Möjligheterna är små, men oändliga, så prova det här lilla online-experimentet idag!

Gå vidare och gör ännu bättre webbplatser genom att förbättra din kunskap om HTML och CSS Lär dig HTML och CSS med dessa steg för steg-handledningar Lär dig HTML och CSS med dessa steg för steg-handledning Är du nyfiken på HTML, CSS och JavaScript? Om du tycker att du har en förmåga att lära dig hur man skapar webbplatser från början - här är några bra steg-för-steg-tutorials värda att försöka. Läs mer innan du skapar en Itty Bitty-webbplats! Eller kolla in vår InMotion Hosting recension Den fullständiga InMotion Webbhotell Review för nybörjare Den fullständiga InMotion Webbhotell Review för nybörjare Behöver du pålitlig webbhotell? Vår InMotion Hosting recension kommer att avslöja om tjänsten är ett bra val för dig. Läs mer för ett annat sätt att vara värd för din webbplats.

Utforska mer om: HTML, webbutveckling.