Hur man skapar en webbhotellfri webbplats med Itty Bitty

Annons

Med programmering känner online-kreativitet inga gränser. Varje dag använder programmerare över Internet sina färdigheter för att skapa små projekt för allmänheten. Itty Bitty, en webbplats som skapades av tidigare designer för Google och nuvarande vice president på Dropbox Nocholas Jitkoff, är ett så 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 sin länk.

På grund av detta kräver webbplatser som skapats med Itty Bitty absolut ingen webbhotell. Webbadressen innehåller hela webbplatsens data: hur den ser ut, vad den säger etc.

Du kommer att notera att när du har fått din Itty Bitty-länk kommer den att vara lite större än vanligt. Det är hela din webbplats.

Länk för länk

Den faktiska webbplatsen skapad av Itty Bitty har ett mycket minimalt gränssnitt. Kom ihåg att varje ytterligare sida på webbplatsen skapas med själva webbplatsen.

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 till webbplatsen eller länka ett befintligt projekt direkt till prompten.

Även om ditt dokument eller länk kan använda andra programmeringsspråk som CSS eller JS, kommer de fortfarande att laddas med din Itty Bitty-webbplats. Som sagt, den största fördelen med att använda Itty Bitty (och det centrala skälet till att det kan laddas från en adress) är att din sida måste hållas under en viss, liten storlek.

Hur liten är en Itty Bitty-webbplats?

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

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

Lyckligtvis har skaparen det publicerade maxbytestorlekarna möjligt för många populära plattformar för att förklara vilka storlekar olika plattformar rymmer:

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

Från länk till Itty Bitty webbplats

Även om du också kan skapa Itty Bitty-webbplatser genom att släppa HTML-filer direkt i dem eller genom att skriva innehållet på webbplatsen direkt, kommer jag att visa ett Codepen-projekt som tidigare gjorts av Dudley Storey.

Codepen är det enklaste sättet att skapa din webbplats med Itty Bitty. Codepen ger användare 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 litet för att dela på många av de plattformar som anges ovan.

För att konvertera ett Codepen-projekt till en Itty Bitty-webbplats, klistra in pennans länk på Itty Bitty-webbplatsen. Sedan, mus över det gråa ofrälse avsnitt och redigera texten så att den reflekterar din webbplats.

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

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

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: Itty Bitty-webbplatser kan som standard skickas via QR-kod.

Det möjliggör ett antal alternativ, som att ansluta en fysisk referens för förlorade enheter.

Grattis, du har nu en redo att länka webbplats som är serverfri och gratis!

Förkorta din Itty Bitty-länk ytterligare

Du kan också skapa en rörig länk med ett länkförkortningsverktyg. Jag kommer att använda Bitly, som inte bara gör att du kan förkorta länkar utan också låter dig anpassa länken med 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 ytterligare ett fantastiskt projekt av JT Helms. Jag följde helt enkelt processen ovan för att konvertera den här pennan till en Itty Bitty-webbplats.

När du har en länk, gå till Bitly. Klistra in din länk på Bitlys stänk-sida, eller logga in på ditt konto och välj Skapa knapp. Ange din länk i följande prompt.

När du har klistrat in din länk konverteras den automatiskt. Justera sedan din länk som du tycker passar med Bitlys redaktör om du är inloggad.

Jag ändrar den första länken till ITTYBITTYEXAMPLE. Du kan nu gå till bit.ly/ITTYBITTYEXAMPLE som du skulle göra på någon annan webbplats - förutom att det naturligtvis är gratis och inte kräver 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-webbplatser, är det inte utan sina brister. Du kan missbruka en Itty Bitty-webbplats lika enkelt som du kan. Det betyder att webbplatser kan irritera dig med funktioner som varningar.

Eftersom webbplatsen fortfarande befinner sig i en experimentell fas, litar du inte nödvändigtvis på sajten som en huvudmetod för att upprätta en säker närvaro på webben.

De Itty Bitty möjligheterna är oändliga

Kreativitet som finns på nätet är ofta imponerande. Sällan är det dock lika enkelt, tillgängligt och lätt att använda som Itty Bitty. Vill du visa upp en liten applikation? Röra sig med div-element? Det går lätt att använda webbplatsen Itty Bitty.

Dessutom är du inte begränsad till ett visst antal eller webbplatser. Ta en anteckning från webbplatsens skapare Nocholas Jitkoff och länka en webbplats på en webbplats för en omfattande, mångsidig förklarande webbplats. Eller gör en ASCII-bulldogg. Möjligheterna är små i storlek, men ändlösa i omfattning, så prova detta lilla online-experiment idag!

Gå längre och gör ännu bättre webbplatser genom förbättra din kunskap om HTML och CSS Lär dig HTML och CSS med dessa steg för steg-tutorialsÄr du nyfiken på HTML, CSS och JavaScript? Om du tror att du har en skicklighet för att lära dig att skapa webbplatser från grunden - här är några bra steg-för-steg-tutorials som är värda att prova. Läs mer innan du skapar en Itty Bitty-webbplats! Eller kolla in vår recension av InMotion Hosting Komplett InMotion webbhotellgranskning för nybörjareBehöver du pålitlig webbhotell? Vår granskning av InMotion Hosting visar 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.