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 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.
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 à l'aide d'Itty Bitty ne nécessitent absolument aucun hébergement Web. L'URL elle-même contient toutes les 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.
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.
À 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 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 votre 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 de l'utilisation d'Itty Bitty (et la principale raison pour laquelle il peut être chargé à partir d'une adresse) est que votre page doit être conservée sous une certaine petite taille.
Si Itty Bitty est gratuit et ne nécessite aucun hébergement Web, quelle taille votre site peut-il vraiment atteindre ? 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 fluctuer, cela signifie également que votre lien fluctuera également en taille. 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 volumineux.
Heureusement, le créateur a publié les tailles d'octets maximales possibles pour de nombreuses plates-formes populaires afin d'expliquer quelles tailles les différentes plates-formes accepteront :
Si vous cherchez à raccourcir un site Web en utilisant Bitly, par exemple, vous devrez créer un très petit site Web. Cela vaut également pour Microsoft Edge. Toutefois, si vous souhaitez uniquement le partager sur plusieurs navigateurs, vous pouvez créer un site beaucoup plus volumineux.
Bien que vous puissiez également créer des sites Itty Bitty en y déposant directement des fichiers HTML ou en tapant directement le contenu du site, je vais vous démontrer l'utilisation d'un projet Codepen précédemment réalisé par Dudley Storey.
Codepen est le moyen le plus simple de créer votre site en utilisant 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 colonne vertébrale HTML solide --- et d'autres ajouts de programmation subtils --- peut créer un site Web simple. Heureusement, il est également suffisamment petit pour être partagé sur la plupart des plates-formes 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 sans titre gris section et modifiez 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 qu'il ne semble pas que vous veniez de créer un site Web, vous l'avez fait !
Une fois que vous avez cliqué sur le lien copier le lien option, vous pouvez coller le lien dans votre navigateur pour afficher le site. A noter également :par défaut, les sites Itty Bitty peuvent être envoyés via un code QR.
Cela permet de nombreuses options, comme joindre une référence physique pour les appareils perdus.
Félicitations, vous avez maintenant un site Web prêt à être lié, sans serveur et gratuit !
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 Codepen original est trop volumineux pour être condensé à l'aide de Bitly, alors voici 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, rendez-vous sur Bitly. Collez votre lien dans la page d'accueil 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 accéder à bit.ly/ITTYBITTYEXAMPLE comme vous le feriez pour n'importe quel autre site, sauf, bien sûr, qu'il est gratuit et ne nécessite aucun hébergement Web ni maintenance de serveur.
Bien que ce soit une façon cool et ingénieuse 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 en phase expérimentale, ne comptez pas nécessairement sur le site comme méthode principale pour établir une présence Web sécurisée.
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 ? Jouer 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 de sites. Prenez note du créateur du site Nocholas Jitkoff et liez un site dans un site pour un site Web explicatif complet de plusieurs pages. Ou faites un bouledogue ASCII. Les possibilités sont de petite taille, mais infinies, alors essayez cette petite expérience en ligne dès aujourd'hui !
Allez plus loin et faites des sites encore meilleurs en améliorant vos connaissances en HTML et CSS avant de créer un site Itty Bitty ! Ou consultez notre avis sur l'hébergement InMotion pour une autre façon d'héberger votre site.
