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

Publicité

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 pour le public. Itty Bitty, un site Web créé par l'ancien concepteur de Google et actuel vice-président de Dropbox Nocholas Jitkoff, est l'un de ces petits projets.

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

Une explication Itty Bitty

Voilà 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 à l'aide d'Itty Bitty ne nécessitent absolument aucun hébergement Web. L'URL elle-même contient l'ensemble des données du site: à quoi il ressemble, ce qu'il dit, etc.

Vous remarquerez 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 réel créé par Itty Bitty a une interface très minimale. N'oubliez pas que chaque page supplémentaire du site est créée à l'aide du site lui-même.

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 soit faire glisser et déposer un document HTML directement dans le site Web, soit lier un projet existant directement dans l'invite.

Bien que votre document ou lien puisse utiliser d'autres langages de programmation comme CSS ou JS, ils seront toujours chargés avec votre site Itty Bitty. Cela dit, le principal avantage 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 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 réelle de votre site? La réponse: pas très.

Le site vous 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 variera également. Certains sites ne vous permettent pas de partager des liens supérieurs à quelques octets, ce qui peut limiter votre capacité à partager des sites plus importants.

Heureusement, le créateur a a affiché la taille maximale des octets possible pour de nombreuses plates-formes populaires d'expliquer quelles tailles différentes plates-formes peuvent accueillir:

Si vous cherchez à raccourcir un site Web en utilisant Bitly, par exemple, vous allez devoir créer un très petit site Web. Cela vaut également pour Microsoft Edge. Cependant, si vous souhaitez uniquement le partager entre plusieurs navigateurs, vous pouvez créer un site beaucoup plus grand.

Du lien vers le 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 démontrer l'utilisation d'un projet Codepen précédemment réalisé par Étage Dudley.

Codepen est le moyen le plus simple de créer votre site avec Itty Bitty. Codepen offre aux utilisateurs à la fois un environnement de développement facile à utiliser et un processus de liaison pratique.

Ce qui précède est un exemple fantastique de la façon dont une épine dorsale HTML solide - et d'autres ajouts de programmation subtils - peuvent créer un site Web simple. Heureusement, il est également assez petit pour être partagé sur la plupart des plateformes répertoriées ci-dessus.

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

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

C'est là que vous créez le lien vers votre Itty Bitty. Bien qu'il ne semble pas que vous veniez de créer un site Web, vous l'avez!

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

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

Félicitations, vous avez maintenant un site Web prêt à lier, sans serveur et gratuit!

Raccourcissez encore plus 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 à un compte gratuit.

Notre exemple original de Codepen est trop grand pour se condenser en utilisant Bitly, voici donc un autre projet fantastique de JT Helms. J'ai simplement suivi le processus ci-dessus pour convertir ce stylo en un site Itty Bitty.

Une fois que vous avez votre lien, rendez-vous sur Bitly. Collez votre lien dans la page de démarrage de Bitly ou connectez-vous à votre compte et sélectionnez 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 en utilisant l'éditeur de Bitly si vous êtes connecté.

Je change le lien initial en ITTYBITTYEXAMPLE. Vous pouvez maintenant vous diriger vers bit.ly/ITTYBITTYEXAMPLE comme vous le feriez pour tout autre site - sauf, bien sûr, qu'il est gratuit et ne nécessite aucun hébergement ni maintenance de serveur Web.

Sécurité pour les sites Itty Bitty

Bien que ce soit un moyen génial et ingénieux de créer de petits sites HTML, ce n'est pas sans défauts. Vous pouvez abuser d'un site Itty Bitty aussi facilement que n'importe quel autre. Cela signifie que les sites peuvent vous ennuyer avec des fonctionnalités telles que les alertes.

Étant donné que le site est encore dans une phase expérimentale, ne comptez pas nécessairement sur le site comme méthode principale pour établir une présence Web sûre.

Les possibilités Itty Bitty sont infinies

La créativité trouvée en ligne est souvent impressionnante. Cependant, il est rarement aussi simple, accessible et facile à utiliser que Itty Bitty. Vous souhaitez présenter une petite application? Déconner avec des éléments div? Tout est facilement réalisable en utilisant le site Itty Bitty.

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

Allez plus loin et créez des sites encore meilleurs en améliorer vos connaissances en HTML et CSS Apprenez le HTML et le CSS avec ces didacticiels étape par étapeVous voulez en savoir plus sur HTML, CSS et JavaScript? Si vous pensez que vous avez un talent pour apprendre à créer des sites Web à partir de zéro - voici quelques excellents tutoriels étape par étape qui méritent d'être essayés. Lire la suite avant de créer un site Itty Bitty! Ou consultez notre revue InMotion Hosting La revue complète d'hébergement Web InMotion pour les débutantsBesoin d'un hébergement Web fiable? Notre examen de l'hébergement InMotion révélera si le service est un bon choix pour vous. Lire la suite pour une autre façon d'héberger votre site.