So erstellen Sie eine Hosting-Free-Website mit Itty Bitty

Beim Programmieren kennt Online-Kreativität keine Grenzen. Jeden Tag nutzen Programmierer im Internet ihre Fähigkeiten, um kleine Projekte für die Öffentlichkeit zu erstellen. Itty Bitty, eine Website, die vom ehemaligen Designer für Google und dem derzeitigen Vizepräsidenten von Dropbox Nocholas Jitkoff erstellt wurde, ist ein solches kleines Projekt.

Mit der Itty Bitty-Site können Sie kostenlos eine kleine HTML-Website erstellen, auch wenn Sie kein Webhosting haben.

Eine Itty Bitty Erklärung

Das funktioniert so: itty.bitty.site erstellt kleine Websites, indem sie über ihre URLs geladen werden. Mit anderen Worten, Ihre Website wird in ihrem Link gespeichert und dargestellt.

Aus diesem Grund benötigen Websites, die mit Itty Bitty erstellt wurden, keinerlei Webhosting. Die URL selbst enthält die gesamten Daten der Site: wie sie aussieht, was sie sagt, usw.

Sie werden feststellen, dass der Itty Bitty-Link etwas größer als üblich ist, sobald Sie ihn erhalten. Das ist deine gesamte Website.

Link für Link

Die von Itty Bitty erstellte Site hat ein sehr minimales Interface. Beachten Sie, dass jede weitere Seite der Website mit der Website selbst erstellt wird.

Von dieser Seite aus können Sie sofort mit dem einfachen HTML-Code beginnen, um eine einfache Seite zu erstellen.

Wenn Sie eine robustere Itty Bitty-Site erstellen möchten, können Sie entweder ein HTML-Dokument direkt in die Website ziehen und ein vorhandenes Projekt direkt mit der Eingabeaufforderung verknüpfen.

Während für Ihr Dokument oder Ihren Link andere Programmiersprachen wie CSS oder JS verwendet werden, werden diese weiterhin mit Ihrer Itty Bitty-Site geladen. Der Hauptvorteil der Verwendung von Itty Bitty (und der Hauptgrund, warum es von einer Adresse geladen werden kann) ist, dass Ihre Seite unter einer bestimmten, geringen Größe gehalten werden muss.

Wie klein ist eine kleine Website??

Wenn Itty Bitty kostenlos ist und kein Webhosting erfordert, wie groß kann Ihre Website wirklich sein? Die Antwort: nicht sehr.

Die Site zeigt Ihnen die Größe Ihrer Website im rechten oberen Teil des Fensters. Websites können zwar in der Größe schwanken, dies bedeutet jedoch auch, dass Ihre Verbindung auch in der Größe schwankt. Bei einigen Websites können Sie keine Links mit mehr als einigen Bytes freigeben, wodurch die Möglichkeit eingeschränkt wird, größere Sites gemeinsam zu nutzen.

Glücklicherweise hat der Ersteller die maximal möglichen Byte-Größen für eine Vielzahl beliebter Plattformen angegeben, um zu erläutern, welche Größen unterschiedliche Plattformen bieten können:

Wenn Sie beispielsweise eine Website mit Bitly verkürzen möchten, müssen Sie eine sehr kleine Website erstellen. Das gilt auch für Microsoft Edge. Wenn Sie es jedoch nur für mehrere Browser freigeben möchten, können Sie eine wesentlich größere Website erstellen.

Vom Link zur Itty Bitty Site

Sie können Itty Bitty-Sites auch erstellen, indem Sie HTML-Dateien direkt darin ablegen oder den Website-Inhalt direkt eingeben. Ich werde jedoch ein Codepen-Projekt demonstrieren, das zuvor von Dudley Storey erstellt wurde.

Codepen ist der einfachste Weg, Ihre Website mit Itty Bitty zu erstellen. Codepen bietet Benutzern sowohl eine benutzerfreundliche Entwicklerumgebung als auch einen bequemen Verbindungsprozess.

Das obige ist ein fantastisches Beispiel dafür, wie ein starkes HTML-Backbone - und andere subtile Programmierungsergänzungen - eine einfache Website erstellen können. Glücklicherweise ist es auch klein genug, um von vielen der oben aufgeführten Plattformen gemeinsam genutzt zu werden.

Um ein Codepen-Projekt in eine Itty Bitty-Site zu konvertieren, fügen Sie den Link des Pens in die Itty Bitty-Site ein. Fahren Sie dann mit der Maus über das Grau ohne Titel Abschnitt und bearbeiten Sie den Text entsprechend Ihrer Website.

Klicken Sie anschließend auf Speisekarte oben rechts im Fenster.

Hier erstellen Sie den Link zu Ihrem Itty Bitty. Es sieht zwar nicht so aus, als hätten Sie gerade eine Website erstellt!

Sobald Sie auf die Schaltfläche klicken Link kopieren Option können Sie den Link in Ihren Browser einfügen, um die Website anzuzeigen. Wichtig ist auch, dass Itty Bitty-Sites standardmäßig per QR-Code versendet werden können.

Dies ermöglicht eine Reihe von Optionen, z. B. das Anfügen einer physischen Referenz für verlorene Geräte.

Glückwunsch, Sie haben jetzt eine Link-Link-Website, die ohne Server und kostenlos ist!

Verkürzen Sie Ihren Itty Bitty Link noch weiter

Sie können auch mit einem Linkverkürzungstool eine störungsfreie Verknüpfung erstellen. Ich verwende Bitly, mit dem Sie nicht nur Links verkürzen, sondern auch den Link mit Ihrem eigenen Text anpassen können, wenn Sie sich für ein kostenloses Konto anmelden.

Unser ursprüngliches Codepen-Beispiel ist zu groß, um es mit Bitly zu kondensieren. Hier ist ein weiteres fantastisches Projekt von JT Helms. Ich habe einfach den oben genannten Vorgang befolgt, um diesen Pen in eine Itty Bitty-Site umzuwandeln.

Sobald Sie Ihre Verbindung haben, gehen Sie zu Bitly. Fügen Sie Ihren Link in Bitlys Splash-Seite ein oder melden Sie sich bei Ihrem Konto an und wählen Sie die Option Erstellen Taste. Geben Sie Ihren Link in die folgende Eingabeaufforderung ein.

Sobald Sie Ihren Link eingefügt haben, wird er automatisch konvertiert. Passen Sie dann Ihren Link mit Bitlys Editor an, wenn Sie angemeldet sind.

Ich ändere den ursprünglichen Link zu ITTYBITTYEXAMPLE. Sie können jetzt wie jede andere Site zu bit.ly/ITTYBITTYEXAMPLE wechseln, es sei denn, es ist kostenlos und erfordert kein Webhosting oder keine Serverwartung.

Sicherheit für Itty Bitty Sites

Dies ist zwar eine coole und geniale Methode, um kleine HTML-Sites zu erstellen, ist jedoch nicht ohne Mängel. Sie können eine Itty Bitty-Site so leicht wie andere missbrauchen. Das bedeutet, dass Websites Sie mit Funktionen wie Warnmeldungen stören können.

Da sich die Site noch in einer experimentellen Phase befindet, sollten Sie sich nicht unbedingt auf die Site als Hauptmethode für die Einrichtung einer sicheren Webpräsenz verlassen.

Die kleinen Möglichkeiten sind endlos

Online gefundene Kreativität ist oft beeindruckend. Es ist jedoch selten so einfach, zugänglich und einfach zu bedienen wie Itty Bitty. Möchten Sie eine kleine Anwendung präsentieren? Mit div-Elementen herumspielen Mit der Itty Bitty-Site ist alles problemlos machbar.

Darüber hinaus sind Sie nicht auf eine bestimmte Anzahl oder Websites beschränkt. Nehmen Sie eine Notiz vom Ersteller der Website, Nocholas Jitkoff, und verknüpfen Sie eine Website innerhalb einer Website, um eine umfassende, mehrseitige, erklärende Website zu erstellen. Oder machen Sie eine ASCII-Bulldogge. Die Möglichkeiten sind klein, aber endlos, probieren Sie dieses kleine Online-Experiment noch heute aus!

Gehen Sie weiter und machen Sie noch bessere Websites, indem Sie Ihr Wissen über HTML und CSS verbessern. Lernen Sie HTML und CSS mit diesen Step-by-Step-Tutorials. Lernen Sie HTML und CSS mit diesen Step-by-Step-Tutorials. Neugierig auf HTML, CSS und JavaScript? Wenn Sie der Meinung sind, wie Sie eine Website von Grund auf neu erstellen können, dann haben Sie hier einige großartige Schritt-für-Schritt-Anleitungen, die einen Versuch wert sind. Lesen Sie mehr, bevor Sie eine Itty Bitty-Site erstellen! Oder lesen Sie unseren InMotion Hosting-Test. Der vollständige InMotion-Webhosting-Test für Anfänger Der vollständige InMotion-Webhosting-Test für Anfänger Brauchen Sie zuverlässiges Webhosting? Unser InMotion Hosting-Test zeigt, ob der Service eine gute Wahl für Sie ist. Weitere Informationen zum Hosten Ihrer Website finden Sie unter Weitere Informationen.

Erfahren Sie mehr über: HTML, Webentwicklung.