Een hostingvrije website maken met Itty Bitty

Een hostingvrije website maken met Itty Bitty

Met programmeren kent online creativiteit geen grenzen. Elke dag gebruiken programmeurs op internet hun vaardigheden om kleine projecten voor het publiek te maken. Itty Bitty, een website gemaakt door voormalig ontwerper voor Google en huidige vice-president bij Dropbox Nocholas Jitkoff, is zo'n klein project.





Met behulp van de Itty Bitty-site kunt u gratis een kleine HTML-website maken, zelfs als u geen webhosting heeft.



Een Itty Bitty-uitleg

Dit is hoe het werkt: itty.bitty.site maakt kleine sites door ze via hun URL's te laden. Met andere woorden, uw site wordt binnen de link opgeslagen en gepresenteerd.





Daarom hebben websites die met Itty Bitty zijn gemaakt absoluut geen webhosting nodig. De URL zelf bevat de volledige gegevens van de site: hoe deze eruit ziet, wat er staat, enz.

U zult merken dat zodra u uw Itty Bitty-link heeft ontvangen, deze iets groter zal zijn dan normaal. Dat is je hele website.



De eigenlijke site gemaakt door Itty Bitty heeft een zeer minimale interface. Houd er rekening mee dat elke extra pagina op de site wordt gemaakt met behulp van de site zelf.

Vanaf deze pagina , kunt u meteen beginnen met het gebruik van basis-HTML voor het maken van een eenvoudige pagina.



Als u een robuustere Itty Bitty-site wilt maken, kunt u een HTML-document rechtstreeks naar de website slepen en neerzetten of een bestaand project rechtstreeks naar de prompt linken.

Hoewel uw document of link andere programmeertalen zoals CSS of JS kan gebruiken, worden ze nog steeds geladen met uw Itty Bitty-site. Dat gezegd hebbende, het belangrijkste voordeel van het gebruik van Itty Bitty (en de belangrijkste reden dat het vanaf een adres kan worden geladen) is dat je pagina onder een bepaald klein formaat moet worden gehouden.



Hoe klein is een Itty Bitty-site?

Als Itty Bitty gratis is en geen webhosting vereist, hoe groot kan uw site dan echt zijn? Het antwoord: niet erg .

hoe u uw telefoonscherm op de computer kunt weergeven

De site geeft de grootte van uw website aan u in de rechterbovenhoek van het venster. Hoewel sites in grootte kunnen fluctueren, betekent dit ook dat uw link ook in grootte zal fluctueren. Op sommige sites kun je geen links delen die groter zijn dan een paar bytes, wat je mogelijkheden om grotere sites te delen kan beperken.

Gelukkig heeft de maker de maximale bytegroottes gepost mogelijk voor tal van populaire platforms om uit te leggen voor welke formaten verschillende platforms geschikt zijn:

Als u bijvoorbeeld een website wilt inkorten met Bitly, moet u een heel kleine website maken. Dat geldt ook voor Microsoft Edge. Als u het echter alleen met verschillende browsers wilt delen, kunt u een veel grotere site maken.

Hoewel je ook Itty Bitty-sites kunt maken door HTML-bestanden er rechtstreeks in te plaatsen of door de inhoud van de site rechtstreeks te typen, zal ik demonstreren met behulp van een Codepen-project dat eerder is gemaakt door Dudley Storey .

Codepen is de gemakkelijkste manier om uw site te maken met Itty Bitty. Codepen biedt gebruikers zowel een gebruiksvriendelijke ontwikkelomgeving als een handig koppelingsproces.

Het bovenstaande is een fantastisch voorbeeld van hoe een sterke HTML-backbone --- en andere subtiele programmeertoevoegingen --- een eenvoudige website kan maken. Gelukkig is het ook klein genoeg om te delen op veel van de hierboven genoemde platforms.

Om een ​​Codepen-project om te zetten in een Itty Bitty-site, plak je de link van de Pen in de Itty Bitty-site. Beweeg dan met de muis over de grijze ongetiteld sectie en bewerk de tekst om uw site weer te geven.

Klik vervolgens op de menu rechtsboven in het venster.

iemand heeft een stroomverzoek gestuurd om het stuurprogramma weer te geven

Hier maak je de link naar je Itty Bitty. Hoewel het misschien niet lijkt alsof je net een website hebt gemaakt, heb je dat wel!

Zodra u op de klikt Kopieer link optie kunt u de link in uw browser plakken om de site te bekijken. Ook belangrijk om op te merken: Itty Bitty-sites kunnen standaard via QR-code worden verzonden.

Dat biedt een hele reeks opties, zoals het toevoegen van een fysieke referentie voor verloren apparaten.

Gefeliciteerd, je hebt nu een kant-en-klare website die serverloos en gratis is!

U kunt ook een overzichtelijke link maken met behulp van een tool voor het inkorten van links. Ik gebruik Bitly, waarmee je niet alleen links kunt inkorten, maar je ook de link kunt aanpassen met je eigen tekst als je je aanmeldt voor een gratis account.

Ons originele Codepen-voorbeeld is te groot om te condenseren met Bitly, dus hier is nog een fantastisch project van JT helmen . Ik heb gewoon het bovenstaande proces gevolgd om deze pen naar een Itty Bitty-site te converteren.

Zodra je je link hebt, ga je naar Bitly . Plak je link in Bitly's splash-pagina, of log in op je account en selecteer de Creëren knop. Voer uw link in de volgende prompt in.

Zodra je je link hebt geplakt, wordt deze automatisch geconverteerd. Pas vervolgens uw link naar eigen inzicht aan met behulp van de Bitly-editor als u bent ingelogd.

Ik verander de eerste link naar ITTYBITTYEXAMPLE. U kunt nu naar bit.ly/ITTYBITTYEXAMPLE zoals elke andere site --- behalve natuurlijk dat het gratis is en geen webhosting of serveronderhoud vereist.

Beveiliging voor Itty Bitty-sites

Hoewel dit een coole en ingenieuze manier is om kleine HTML-sites te maken, is het niet zonder gebreken. U kunt een Itty Bitty-site net zo gemakkelijk misbruiken als elke andere. Dat betekent dat sites u kunnen irriteren met functies zoals waarschuwingen.

Aangezien de site zich nog in een experimentele fase bevindt, hoeft u niet per se op de site te vertrouwen als belangrijkste methode om een ​​veilige aanwezigheid op het web tot stand te brengen.

De Itty Bitty-mogelijkheden zijn eindeloos

Creativiteit die online wordt gevonden, is vaak indrukwekkend. Zelden is het echter zo eenvoudig, toegankelijk en gebruiksvriendelijk als Itty Bitty. Wilt u een kleine toepassing laten zien? Knoeien met div-elementen? Het is allemaal gemakkelijk te doen met behulp van de Itty Bitty-site.

Bovendien ben je niet beperkt tot een bepaald aantal of sites. Neem een ​​notitie van de maker van de site, Nocholas Jitkoff, en koppel een site binnen een site voor een uitgebreide, verklarende website met meerdere pagina's. Of maak een ASCII-buldog . De mogelijkheden zijn klein, maar eindeloos, dus probeer dit kleine online experiment vandaag nog!

Ga verder en maak nog betere sites door uw kennis van HTML en CSS te verbeteren voordat u een Itty Bitty-site maakt! Of check out onze InMotion Hosting-beoordeling voor een andere manier om uw site te hosten.

Deel Deel Tweeten E-mail Uw Windows-pc opschonen met de opdrachtprompt

Als uw Windows-pc weinig opslagruimte heeft, ruim dan de rommel op met deze snelle opdrachtprompthulpprogramma's.

Lees volgende Gerelateerde onderwerpen
  • internet
  • Programmeren
  • HTML
  • Webontwikkeling
Over de auteur christelijke bonilla(83 artikelen gepubliceerd)

Christian is een recente toevoeging aan de MakeUseOf-gemeenschap en een fervent lezer van alles, van dichte literatuur tot Calvin en Hobbes-strips. Zijn passie voor technologie wordt alleen geëvenaard door zijn wil en bereidheid om te helpen; als je vragen hebt over (meestal) iets, mail gerust!

Meer van Christian Bonilla

Abonneer op onze nieuwsbrief

Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!

Klik hier om je te abonneren