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

Avec la programmation, la créativité en ligne ne connaît pas de limites. Chaque jour, des 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 designer 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 cela 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 requièrent absolument aucun hébergement Web. L’URL elle-même contient l’ensemble des données du site: son apparence, son contenu, etc..

Vous noterez qu'une fois que vous aurez reçu 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 langage 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 dans 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, l'avantage principal d'utiliser 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 un certain format de 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 permettent pas de partager des liens de plus de quelques octets, ce qui peut limiter votre capacité à partager des sites plus importants..

Heureusement, le créateur a publié la taille maximale d'octets possible pour un grand nombre de plates-formes populaires afin d'expliquer les tailles que 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

Bien que vous puissiez également créer des sites Itty Bitty en y déposant des fichiers HTML directement ou en tapant directement le contenu du site, je vais vous expliquer comment utiliser un projet Codepen précédemment créé 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 (et d’autres adjonctions de programmation subtiles) peut 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 un 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 croire que vous venez de créer un site Web, vous avez!

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 à créer des liens, sans serveur et gratuit.!

Raccourcissez votre lien Itty Bitty encore plus loin

Vous pouvez également créer un lien sans encombrement à l'aide d'un outil de raccourcissement de lien. Je vais utiliser 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 condenser 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 Bitly. 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 que vous avez collé votre lien, 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 rendre sur bit.ly/ITTYBITTYEXAMPLE comme sur n'importe quel autre site, à la différence, bien sûr, qu'il est gratuit et qu'il ne nécessite aucun hébergement Web ni maintenance du serveur..

Sécurité pour les sites Itty Bitty

Bien que ce soit une façon ingénieuse et géniale 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..

Étant donné que le site est encore en 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 ou à des sites. Prenez note du créateur du site, Nocholas Jitkoff, et associez un site à l'intérieur 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.!

Allez plus loin et améliorez vos sites en améliorant vos connaissances en HTML et CSS. Apprenez le HTML et le CSS avec ces tutoriels étape par étape. Apprenez le HTML et le CSS avec ces tutoriels étape par étape. Envie de HTML, de CSS et de JavaScript? Si vous pensez avoir le don d'apprendre à créer des sites Web à partir de rien, voici quelques tutoriels étape par étape qui valent le coup d'être essayés. Lisez-en plus avant de créer un site Itty Bitty! Ou consultez notre revue Hébergement InMotion La revue complète de l'hébergement Web InMotion pour les débutants La revue complète de l'hébergement Web InMotion pour les débutants Vous avez besoin d'un hébergement Web fiable? Notre avis sur InMotion Hosting vous indiquera si le service est un bon choix pour vous. Lire la suite pour une autre façon d'héberger votre site.

En savoir plus sur: HTML, Développement Web.