Home-theater-designers
Beim Programmieren sind der Online-Kreativität keine Grenzen gesetzt. 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 Vice President 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 klitzekleine Erklärung
So funktioniert das: itty.bitty.site erstellt kleine Websites, indem sie über ihre URLs geladen werden. Mit anderen Worten, Ihre Website wird in ihrem Link gespeichert und präsentiert.
Aus diesem Grund benötigen Websites, die mit Itty Bitty erstellt wurden, absolut kein Webhosting. Die URL selbst enthält die gesamten Daten der Site: wie sie aussieht, was sie sagt usw.
Sie werden feststellen, dass, sobald Sie Ihren Itty Bitty-Link erhalten haben, dieser etwas größer als gewöhnlich ist. Das ist Ihre gesamte Website.
Link für Link
Die eigentliche von Itty Bitty erstellte Site hat eine sehr minimale Benutzeroberfläche. Denken Sie daran, dass jede zusätzliche Seite auf der Website mithilfe der Website selbst erstellt wird.
Von dieser Seite , können Sie sofort damit beginnen, einfaches HTML zum Erstellen einer einfachen Seite zu verwenden.
Wenn Sie eine robustere Itty Bitty-Site erstellen möchten, können Sie entweder ein HTML-Dokument per Drag & Drop direkt in die Website ziehen oder ein vorhandenes Projekt direkt in die Eingabeaufforderung verlinken.
Während Ihr Dokument oder Link möglicherweise andere Programmiersprachen wie CSS oder JS verwendet, werden sie dennoch mit Ihrer Itty Bitty-Site geladen. Der Hauptvorteil der Verwendung von Itty Bitty (und der Hauptgrund, warum es von einer Adresse geladen werden kann) besteht jedoch darin, dass Ihre Seite unter einer bestimmten, kleinen Größe gehalten werden muss.
Wie klein ist eine Itty Bitty-Site?
Wenn Itty Bitty kostenlos ist und kein Webhosting erfordert, wie groß kann Ihre Website dann wirklich sein? Die Antwort: nicht sehr .
Kannst du 4 GB und 8 GB RAM mischen?
Die Website zeigt Ihnen oben rechts im Fenster die Größe Ihrer Website an. Während Websites in der Größe schwanken können, bedeutet dies auch, dass Ihr Link auch in der Größe schwanken wird. Auf einigen Websites können Sie keine Links teilen, die größer als ein paar Byte sind, was Ihre Fähigkeit zum Teilen größerer Websites einschränken kann.
Zum Glück hat der Schöpfer die maximalen Byte-Größen gepostet für viele beliebte Plattformen möglich, um zu erklären, welche Größen verschiedene Plattformen aufnehmen können:
Wenn Sie beispielsweise eine Website mit Bitly kürzen möchten, müssen Sie eine sehr kleine Website erstellen. Das gilt auch für Microsoft Edge. Wenn Sie sie jedoch nur für mehrere Browser freigeben möchten, können Sie eine viel größere Site erstellen.
Vom Link zur Itty Bitty-Site
Sie können zwar auch Itty Bitty-Sites erstellen, indem Sie HTML-Dateien direkt darin ablegen oder den Site-Inhalt direkt eingeben, aber ich werde es anhand eines Codepen-Projekts demonstrieren, das zuvor von Dudley-Geschoss .
Codepen ist der einfachste Weg, Ihre Website mit Itty Bitty zu erstellen. Codepen bietet Benutzern sowohl eine einfach zu bedienende Entwicklerumgebung als auch einen komfortablen Verknüpfungsprozess.
Das obige ist ein fantastisches Beispiel dafür, wie ein starkes HTML-Backbone --- und andere subtile Programmierergänzungen --- eine einfache Website erstellen kann. Glücklicherweise ist es auch klein genug, um es auf vielen der oben aufgeführten Plattformen zu teilen.
Um ein Codepen-Projekt in eine Itty-Bitty-Site zu konvertieren, fügen Sie den Link des Stifts in die Itty-Bitty-Site ein. Dann fahren Sie mit der Maus über das Grau ohne Titel Abschnitt und bearbeiten Sie den Text, um Ihre Website widerzuspiegeln.
Klicken Sie anschließend auf das Speisekarte oben rechts im Fenster.
Beschleunigen Sie das Starten und Herunterfahren von Windows 10
Hier erstellen Sie den Link zu Ihrem Itty Bitty. Auch wenn es nicht so aussieht, als hätten Sie gerade eine Website erstellt, aber Sie haben es getan!
Sobald Sie auf klicken Link kopieren Option können Sie den Link in Ihren Browser einfügen, um die Site anzuzeigen. Ebenfalls wichtig zu beachten: Standardmäßig können Itty Bitty-Sites per QR-Code gesendet werden.
Dies ermöglicht eine Reihe von Optionen, z. B. das Anhängen einer physischen Referenz für verlorene Geräte.
Herzlichen Glückwunsch, Sie haben jetzt eine verlinkungsbereite Website, die serverlos und kostenlos ist!
Kürzen Sie Ihren Itty Bitty Link noch weiter
Sie können auch mit einem Linkverkürzungstool einen übersichtlichen Link erstellen. Ich verwende Bitly, mit dem Sie nicht nur Links kü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 verdichten, also hier ist ein weiteres fantastisches Projekt von JT Helms . Ich habe einfach den obigen Vorgang befolgt, um diesen Stift in eine Itty Bitty-Site zu konvertieren.
Sobald Sie Ihren Link haben, gehen Sie zu Bitly . Fügen Sie Ihren Link in die Splash-Seite von Bitly ein oder melden Sie sich in Ihrem Konto an und wählen Sie das Schaffen 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 dem Editor von Bitly nach Belieben an, wenn Sie eingeloggt sind.
Ich ändere den anfänglichen Link zu ITTYBITTYEXAMPLE. Sie können jetzt zu bit.ly/ITTYBITTYEXAMPLE wie jede andere Site auch - außer natürlich, dass sie kostenlos ist und kein Webhosting oder Serverwartung erfordert.
Sicherheit für Itty Bitty-Sites
Dies ist zwar eine coole und geniale Methode, um kleine HTML-Sites zu erstellen, ist jedoch nicht ohne Fehler. Sie können eine Itty Bitty-Site genauso einfach missbrauchen wie jede andere. Das bedeutet, dass Websites Sie mit Funktionen wie Warnungen nerven können.
Da sich die Site noch in einer experimentellen Phase befindet, sollten Sie sich nicht unbedingt auf die Site als Hauptmethode zum Aufbau einer sicheren Webpräsenz verlassen.
Die Itty Bitty Möglichkeiten sind endlos
Kreativität im Internet ist oft beeindruckend. Selten ist es jedoch so einfach, zugänglich und benutzerfreundlich wie Itty Bitty. Möchten Sie eine kleine Anwendung präsentieren? Herumspielen mit div-Elementen? Mit der Itty Bitty-Site ist alles leicht machbar.
Darüber hinaus sind Sie nicht auf eine bestimmte Anzahl oder Websites beschränkt. Nehmen Sie eine Notiz vom Schöpfer der Site, Nocholas Jitkoff, und verlinken Sie eine Site innerhalb einer Site, um eine umfassende, mehrseitige erklärende Website zu erhalten. Oder machen Sie eine ASCII-Bulldogge . Die Möglichkeiten sind klein, aber grenzenlos, also probieren Sie dieses kleine Online-Experiment noch heute aus!
Gehen Sie weiter und erstellen Sie noch bessere Websites, indem Sie Ihr Wissen über HTML und CSS verbessern, bevor Sie eine Itty Bitty-Site erstellen! Oder schaut vorbei unsere InMotion-Hosting-Rezension für eine andere Möglichkeit, Ihre Website zu hosten.
Teilen Teilen Tweet Email So reinigen Sie Ihren Windows-PC mit der EingabeaufforderungWenn Ihr Windows-PC nur noch wenig Speicherplatz hat, bereinigen Sie den Müll mit diesen schnellen Eingabeaufforderungsdienstprogrammen.
Weiter lesen Verwandte Themen- Internet
- Programmierung
- HTML
- Web Entwicklung
Christian ist ein Neuzugang in der MakeUseOf-Community und ein begeisterter Leser von allem, von dichter Literatur bis hin zu Calvin- und Hobbes-Comics. Seine Leidenschaft für Technik wird nur von seinem Willen und seiner Hilfsbereitschaft übertroffen; Wenn Sie Fragen zu (meistens) allem haben, können Sie gerne eine E-Mail senden!
Mehr von Christian BonillaAbonniere unseren Newsletter
Abonnieren Sie unseren Newsletter für technische Tipps, Rezensionen, kostenlose E-Books und exklusive Angebote!
Klicken Sie hier, um zu abonnieren