Home-theater-designers
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 designer 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 petite explication
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 avec 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.
Lien pour lien
Le site réel créé par Itty Bitty a une interface très minimale. Gardez à l'esprit que chaque page supplémentaire du site est créée à l'aide du site lui-même.
A partir de cette page , vous pouvez immédiatement commencer à utiliser le code 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 sur 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 maintenue sous une certaine 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 .
montre samsung galaxy 3 vs active 2
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 la taille de votre lien fluctuera également. Certains sites ne vous permettront 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 affiché les tailles d'octets max possible pour de nombreuses plates-formes populaires d'expliquer quelles tailles différentes plates-formes s'adapteront :
Si vous cherchez à 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. Cependant, si vous souhaitez uniquement le partager sur 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 directement des fichiers HTML ou en tapant directement le contenu du site, je vais démontrer à l'aide d'un projet Codepen précédemment réalisé par Étage Dudley .
Codepen est le moyen le plus simple de créer votre site en utilisant Itty Bitty. Codepen fournit 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 de nombreuses plates-formes énuméré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 section et modifiez le texte pour refléter votre site.
Ensuite, cliquez sur le menu en haut à droite de la fenêtre.
comment écrire un script informatique
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 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 QR code.
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 à 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 vous permet é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 être condensé avec Bitly, voici donc un autre projet fantastique de Barres JT . J'ai simplement suivi le processus ci-dessus pour convertir ce stylo en un site Itty Bitty.
Une fois que vous avez votre lien, dirigez-vous vers peu . Collez votre lien dans la page d'accueil 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 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/ITTYBITTYEXEMPLE comme vous le feriez pour tout autre site --- sauf, bien sûr, qu'il est gratuit et ne nécessite aucun hébergement Web ni maintenance de serveur.
Sécurité pour les sites Itty Bitty
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ûre.
Les possibilités Itty Bitty sont infinies
La créativité trouvée en ligne est souvent impressionnante. Rarement, cependant, est-il aussi simple, accessible et facile à utiliser que Itty Bitty. Envie de présenter une petite application ? Vous vous amusez 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 faire un bouledogue 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é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.
Partager Partager Tweeter E-mail Comment nettoyer votre PC Windows à l'aide de l'invite de commandeSi votre PC Windows manque d'espace de stockage, nettoyez les fichiers indésirables à l'aide de ces utilitaires d'invite de commande rapides.
Lire la suite Rubriques connexes- l'Internet
- La programmation
- HTML
- Développement web
Christian est un ajout récent à la communauté MakeUseOf et un lecteur avide de tout, de la littérature dense aux bandes dessinées de Calvin et Hobbes. Sa passion pour la technologie n'a d'égal que son désir et sa volonté d'aider ; si vous avez des questions concernant (principalement) quoi que ce soit, n'hésitez pas à nous envoyer un e-mail !
Plus de Christian BonillaAbonnez-vous à notre newsletter
Rejoignez notre newsletter pour des conseils techniques, des critiques, des ebooks gratuits et des offres exclusives !
Cliquez ici pour vous abonner