Home-theater-designers
Ohjelmoinnilla online -luovuudella ei ole rajoja. Joka päivä Internetin ohjelmoijat käyttävät taitojaan luodakseen pieniä projekteja yleisölle. Itty Bitty, Googlen entisen suunnittelijan ja Dropboxin nykyisen varapresidentin Nocholas Jitkoffin luoma sivusto, on yksi tällainen pieni projekti.
Itty Bitty -sivuston avulla voit luoda pienen HTML -sivuston ilmaiseksi, vaikka sinulla ei olisi web -isännöintiä.
Melko paska selitys
Näin se toimii: täällä.bitty.site luo pieniä sivustoja lataamalla ne URL -osoitteiden kautta. Toisin sanoen sivustosi tallennetaan ja esitetään linkin sisällä.
Tämän vuoksi Itty Bittylle luodut sivustot eivät vaadi mitään web -isännöintiä. URL -osoite sisältää sivuston kaikki tiedot: miltä se näyttää, mitä se sanoo jne.
Huomaat, että kun saat Itty Bitty -linkin, se on hieman tavallista suurempi. Se on koko verkkosivustosi.
Linkki linkille
Itty Bittyn luoma varsinainen sivusto on hyvin minimaalinen käyttöliittymä. Muista, että jokainen sivuston lisäsivu luodaan itse sivuston avulla.
Tältä sivulta , voit heti aloittaa perus -HTML: n käytön yksinkertaisen sivun luomiseen.
Jos haluat luoda vanhemman Itty Bitty -sivuston, voit joko vetää ja pudottaa HTML -asiakirjan suoraan verkkosivustoon tai linkittää olemassa olevan projektin suoraan kehotteeseen.
Vaikka asiakirja tai linkki voi käyttää muita ohjelmointikieliä, kuten CSS tai JS, ne ladataan silti Itty Bitty -sivustollesi. Itty Bittyn käytön tärkein etu (ja keskeinen syy, miksi se voidaan ladata osoitteesta) on, että sivusi on pidettävä tietyn pienen koon alapuolella.
Kuinka pieni on Itty Bitty -sivusto?
Jos Itty Bitty on ilmainen eikä vaadi webhotellia, kuinka suuri sivustosi voi olla? Vastaus: ei kovinkaan .
siirtää Windows 10 -lisenssi uuteen tietokoneeseen
Sivusto näyttää verkkosivustosi koon sinulle ikkunan oikeassa yläkulmassa. Vaikka sivustot voivat vaihdella kooltaan, se tarkoittaa myös, että linkkisi vaihtelee myös kooltaan. Jotkin sivustot eivät salli muiden tavujen suurempien linkkien jakamista, mikä voi rajoittaa kykyäsi jakaa suurempia sivustoja.
Onneksi tekijällä on lähetti suurimmat tavukokot On mahdollista, että monet suositut alustat selittävät, minkä kokoisia eri alustat mahtuvat:
Jos haluat lyhentää verkkosivustoa esimerkiksi Bitlyn avulla, sinun on luotava hyvin pieni verkkosivusto. Tämä koskee myös Microsoft Edgeä. Jos haluat jakaa sen vain selainten välillä, voit kuitenkin luoda paljon suuremman sivuston.
Linkistä Itty Bitty -sivustoon
Vaikka voit myös luoda Itty Bitty -sivustoja pudottamalla HTML -tiedostoja suoraan siihen tai kirjoittamalla sivuston sisällön suoraan, esittelen Codepen -projektin avulla Dudley Storey .
Codepen on helpoin tapa luoda sivustosi Itty Bittyn avulla. Codepen tarjoaa käyttäjille sekä helppokäyttöisen kehittäjäympäristön että kätevän linkitysprosessin.
Yllä oleva on loistava esimerkki siitä, kuinka vahva HTML-selkäranka --- ja muut hienovaraiset ohjelmointilisäykset --- voivat luoda yksinkertaisen verkkosivuston. Onneksi se on myös tarpeeksi pieni jaettavaksi monille yllä luetelluille alustoille.
Jos haluat muuntaa Codepen -projektin Itty Bitty -sivustoksi, liitä kynän linkki Itty Bitty -sivustoon. Vie sitten hiiri harmaan päälle nimetön -osiossa ja muokkaa tekstiä vastaamaan sivustoasi.
Napsauta seuraavaksi valikko ikkunan oikeassa yläkulmassa.
siirtyä Google -asemasta toiseen
Tässä voit luoda linkin Itty Bitty -laitteeseesi. Vaikka ei ehkä näytä siltä, että olet juuri luonut verkkosivuston, sinulla on!
Kun napsautat kopioi linkki vaihtoehto, voit liittää linkin selaimeesi nähdäksesi sivuston. On myös tärkeää huomata: oletusarvoisesti Itty Bitty -sivustot voidaan lähettää QR -koodilla.
Tämä mahdollistaa lukuisia vaihtoehtoja, kuten fyysisen viitteen liittämisen kadonneille laitteille.
Onnittelut, sinulla on nyt linkitysvalmis sivusto, joka on palvelimeton ja ilmainen!
Lyhennä Itty Bitty -linkkiäsi entisestään
Voit myös luoda häiriöttömän linkin käyttämällä linkin lyhennystyökalua. Käytän Bitlyä, jonka avulla voit lyhentää linkkejä, mutta voit myös muokata linkkiä omalla tekstilläsi, jos rekisteröit ilmaisen tilin.
Alkuperäinen Codepen -esimerkki on liian suuri tiivistymään Bitlyn avulla, joten tässä on toinen fantastinen projekti JT kypärät . Olen yksinkertaisesti seurannut yllä olevaa prosessia muuntaakseni tämän kynän Itty Bitty -sivustoksi.
Kun sinulla on linkki, siirry osoitteeseen Bitly . Liitä linkkisi Bitlyn aloitussivulle tai kirjaudu tiliisi ja valitse Luoda -painiketta. Kirjoita linkki seuraavaan kehotteeseen.
Kun olet liittänyt linkin, se muunnetaan automaattisesti. Säädä sitten linkkiäsi parhaaksi katsomallasi tavalla Bitlyn editorin avulla, jos olet kirjautunut sisään.
Vaihdan alkuperäisen linkin muotoon ITTYBITTYEXAMPLE. Voit nyt suunnata bit.ly/ITTYBITTYEXAMPLE kuten mikä tahansa muu sivusto --- paitsi tietysti, että se on ilmainen eikä vaadi web-isännöintiä tai palvelimen ylläpitoa.
Itty Bitty -sivustojen suojaus
Vaikka tämä on hieno ja nerokas tapa luoda pieniä HTML -sivustoja, se ei ole ilman virheitä. Voit käyttää Itty Bitty -sivustoa väärin yhtä helposti kuin mitä tahansa muuta. Tämä tarkoittaa, että sivustot voivat ärsyttää sinua esimerkiksi hälytyksillä.
Koska sivusto on edelleen kokeiluvaiheessa, älä välttämättä luota siihen, että sivusto on tärkein tapa luoda turvallinen läsnäolo verkossa.
Itty Bitty -mahdollisuudet ovat rajattomat
Netistä löytyvä luovuus on usein vaikuttavaa. Harvoin se on kuitenkin niin yksinkertainen, helppokäyttöinen ja helppokäyttöinen kuin Itty Bitty. Haluatko esitellä pienen sovelluksen? Juttelette div -elementtien kanssa? Kaikki on helppo tehdä käyttämällä Itty Bitty -sivustoa.
Lisäksi et ole rajoittunut tiettyyn määrään tai sivustoihin. Ota muistiinpano sivuston luojalta Nocholas Jitkoffilta ja linkitä sivuston sisälle, niin saat kattavan, monisivuisen selittävän verkkosivuston. Tai tehdä ASCII bulldoggi . Mahdollisuudet ovat kooltaan pieniä, mutta rajattomia, joten kokeile tätä pientä online -kokeilua jo tänään!
Mene pidemmälle ja tee vielä parempia sivustoja parantamalla HTML- ja CSS -osaamistasi ennen Itty Bitty -sivuston luomista! Tai tarkista InMotion Hosting -katsauksemme toinen tapa isännöidä sivustoasi.
Jaa Jaa Tweet Sähköposti Kuinka puhdistaa Windows -tietokone komentoriviltäJos Windows -tietokoneesi tallennustila on vähissä, puhdista roskat näillä nopeilla komentokehotteilla.
Lue seuraava Liittyvät aiheet- Internet
- Ohjelmointi
- HTML
- Verkkokehitys
Christian on äskettäin tullut MakeUseOf -yhteisöön ja innokas lukija kaikesta tiheästä kirjallisuudesta Calvinin ja Hobbesin sarjakuviin. Hänen intohimonsa tekniikkaan vastaa vain hänen halua ja halua auttaa; jos sinulla on kysymyksiä (lähinnä) jostain, lähetä sähköpostia!
Lisää Christian Bonillaltatilaa uutiskirjeemme
Liity uutiskirjeeseemme saadaksesi teknisiä vinkkejä, arvosteluja, ilmaisia e -kirjoja ja ainutlaatuisia tarjouksia!
Klikkaa tästä tilataksesi