Comment créer un site Web sans hébergement avec Itty Bitty

Added 2018-07-19

Avec la programmation, la créativité en ligne ne connaît pas de limites. Chaque jour, les programmeurs sur Internet utilisent leurs compétences pour créer de petits projets destinés au public. Itty Bitty, un site Web créé par l'ancien concepteur de Google et vice-président actuel de Dropbox Nocholas Jitkoff, est l'un de ces petits projets.

En utilisant le site Itty Bitty, vous pouvez créer un petit site HTML gratuitement, même si vous n’avez pas d’hébergement Web.

Une explication Itty Bitty

Voici comment ça fonctionne: itty.bitty.site  crée de petits sites en les chargeant via leurs URL. En d'autres termes, votre site est stocké et présenté dans son lien.

Pour cette raison, les sites Web créés avec Itty Bitty ne nécessitent absolument aucun hébergement Web. L’URL elle-même contient l’ensemble des données du site: son apparence, son contenu, etc.

Vous remarquerez qu’une fois que vous recevrez votre lien Itty Bitty, il sera un peu plus gros que d’habitude. C’est tout votre site Web.

Lien pour lien

Le site actuel créé par Itty Bitty a une interface très minimale. N'oubliez pas que chaque page supplémentaire sur le site est créée à l'aide du site lui-même.

À partir de cette page , vous pouvez immédiatement commencer à utiliser le HTML de base pour créer une page simple.

Si vous souhaitez créer un site Itty Bitty plus robuste, vous pouvez faire glisser un document HTML directement dans le site Web ou lier un projet existant directement à l'invite.

Bien que votre document ou lien puisse utiliser d'autres langages de programmation tels que CSS ou JS, ils seront toujours chargés avec votre site Itty Bitty. Cela dit, le principal avantage de l'utilisation d'Itty Bitty (et la raison principale pour laquelle il peut être chargé à partir d'une adresse) est que votre page doit être conservée sous une certaine petite taille.

Quelle est la taille d'un site Itty Bitty?

Si Itty Bitty est gratuit et ne nécessite aucun hébergement Web, quelle peut être la taille de votre site? La réponse: pas très .

Le site présente la taille de votre site Web dans la partie supérieure droite de la fenêtre. Bien que la taille des sites puisse varier, cela signifie également que la taille de votre lien fluctuera également. Certains sites ne vous autorisent pas à partager des liens de plus de quelques octets, ce qui peut limiter votre capacité à partager des sites plus volumineux.

Heureusement, le créateur a posté le maximum d'octets  Il est possible pour de nombreuses plates-formes populaires d'expliquer quelles tailles différentes plates-formes pourront accueillir:

Si vous souhaitez raccourcir un site Web à l'aide de Bitly, par exemple, vous devrez créer un très petit site Web. Cela vaut également pour Microsoft Edge. Si vous souhaitez uniquement le partager entre navigateurs, vous pouvez créer un site beaucoup plus grand.

Du lien au site Itty Bitty

Vous pouvez également créer des sites Itty Bitty en y insérant des fichiers HTML directement ou en tapant directement le contenu de ce site, mais je vais vous expliquer comment utiliser un projet Codepen réalisé auparavant par Dudley Storey .

Codepen est le moyen le plus simple de créer votre site avec Itty Bitty. Codepen fournit aux utilisateurs un environnement de développement convivial et un processus de liaison simple.

Ce qui précède est un exemple fantastique de la façon dont un réseau fédérateur HTML puissant, ainsi que d’autres ajouts subtils à la programmation, peuvent créer un site Web simple. Heureusement, il est également assez petit pour être partagé entre plusieurs des plateformes énumérées ci-dessus.

Pour convertir un projet Codepen en site Itty Bitty, collez le lien du stylo dans le site Itty Bitty. Ensuite, passez la souris sur le gris sans titre  section et modifier le texte pour refléter votre site.

Ensuite, cliquez sur le menu  en haut à droite de la fenêtre.

C'est ici que vous créez le lien vers votre Itty Bitty. Bien que vous ne puissiez pas avoir l’impression que vous veniez de créer un site Web, vous l’avez fait!

Une fois que vous cliquez sur le Copier le lien  En option, vous pouvez coller le lien dans votre navigateur pour afficher le site. Il est également important de noter que, par défaut, les sites Itty Bitty peuvent être envoyés via un code QR.

Cela permet une multitude d'options, comme attacher une référence physique pour les appareils perdus.

Félicitations, vous avez maintenant un site Web prêt à être lié qui est sans serveur et gratuit!

Raccourcissez votre lien Itty Bitty

Vous pouvez également créer un lien sans encombrement à l'aide d'un outil de raccourcissement de lien. J'utiliserai Bitly, qui vous permet non seulement de raccourcir les liens, mais également de personnaliser le lien avec votre propre texte si vous vous inscrivez pour un compte gratuit.

Notre exemple original de Codepen est trop volumineux pour pouvoir être condensé avec Bitly. Voici donc un autre projet fantastique de JT Helms . J'ai simplement suivi le processus ci-dessus pour convertir ce stylo en site Itty Bitty.

Une fois que vous avez votre lien, dirigez-vous vers Moche . Collez votre lien dans la page de démarrage de Bitly ou connectez-vous à votre compte et sélectionnez le Créer  bouton. Entrez votre lien dans l'invite suivante.

Une fois votre lien collé, il sera automatiquement converti. Ensuite, ajustez votre lien comme bon vous semble à l’aide de l’éditeur de Bitly si vous êtes connecté.

Je change le lien initial à ITTYBITTYEXAMPLE. Vous pouvez maintenant vous diriger vers bit.ly/ITTYBITTYEXAMPLE  comme vous le feriez avec tout autre site - à l’exception, bien sûr, qu’il est gratuit et qu’il ne nécessite ni hébergement Web ni maintenance du serveur.

Sécurité pour les sites Itty Bitty

Bien qu’il s’agisse d’un moyen ingénieux et ingénieux de créer de petits sites HTML, ce n’est pas sans défauts. Vous pouvez utiliser un site Itty Bitty aussi facilement que tout autre. Cela signifie que les sites peuvent vous importuner avec des fonctionnalités telles que les alertes.

Le site étant toujours dans une phase expérimentale, ne vous fiez pas nécessairement au site pour établir une présence Web sûre.

Les possibilités de Itty Bitty sont infinies

La créativité trouvée en ligne est souvent impressionnante. Rarement, cependant, il est aussi simple, accessible et facile à utiliser que Itty Bitty. Voulez-vous présenter une petite application? Déconner avec des éléments div? Tout est facilement faisable en utilisant le site Itty Bitty.

De plus, vous n'êtes pas limité à un certain nombre de sites. Prenez note du créateur du site, Nocholas Jitkoff, et associez un site au sein d’un site pour créer un site Web explicatif complet de plusieurs pages. Ou faire un Bulldog ASCII . Les possibilités sont petites, mais infinies, essayez dès maintenant cette petite expérience en ligne!

La revue complète de l'hébergement Web InMotion pour les débutants Besoin d'un hébergement Web fiable? Notre avis sur InMotion Hosting vous indiquera si le service est un bon choix pour vous. Read Article