Spinto – Verkkosivuston luoja, joista voi pitää sekä aloittelijat että kehittäjät

Mainos

Ah, uuden verkkosivuston luomisen ilo! Vakavasti, yksi suurimmista asioista verkossa on kuinka helppoa on aloittaa jotain uutta. On olemassa lukuisia työkaluja, joiden avulla käyttäjät voivat helposti luoda omia verkkosivustoja, kuten Sidengo Kuinka rakentaa oma verkkosivusto muutamassa minuutissa ilman koodaustaitojaWebin kasvaessa ja häikäisevän nopeasti verkkonäkyvyyden tarve on yhä kiireellisempi. Monissa osissa maailmaa sinun on yksinkertaisesti oltava läsnä verkossa, jotta... Lue lisää ja Wix Kuinka luoda ammattimaisen näköinen Flash-verkkosivusto ilmaiseksi Lue lisää (joka muuten ei enää vaadi Flashia). Monet näistä työkaluista on tarkoitettu uusille käyttäjille, jotka luovat ensimmäiset verkkosivustonsa. Spinto on uusi palvelu, joka kokeilee eri näkökulmaa.

Se on kehittäjäystävällinen, tukee Gitiä ja SSH: ta, ja se perustuu Jekyll, staattinen web-sivuston generaattori Ruby-koodaajat rakastavat. Kaikkea tätä tehdessään Spinto pyrkii myös pysymään houkuttelevana uudemmille käyttäjille – joten voisi sanoa, että tämä on palvelu, joka pohjimmiltaan yrittää pitää kaikki tyytyväisinä.

Spinto on tällä hetkellä beta-vaiheessa ja sitä voidaan käyttää vapaasti, mutta jopa sen jälkeen, kun ne alkavat ladata, he sanovat, että sivustosi on helppo viedä ja viedä muualle, jos et halua maksaa heille.

Päästä ylös ja juoksemaan

Kun olet kirjautunut Spintoon Google-tililläsi, palvelu haluaa ensimmäisenä tietää, oletko "tekniikkaihminen" vai et. Olettaen, että olet, tiedät todennäköisesti, mikä Git on, ja sinulla on julkinen SSH-avain. Minulla on todellakin julkinen SSH-avain, jonka liitin tähän tekstiruutuun. Mutta Spinto ei tuota sinulle mitään surua, jos sinulla ei ole sellaista avainta, mikä on mukavaa.

Seuraavaksi on aika luoda ensimmäinen verkkosivustomme:

Spinton avulla voit myös luoda verkkosivuston Suunnitelma tai Luuranko CSS-kehykset tai tyhjä verkkosivusto, jossa ei ole koodia ollenkaan. Koska haluan vain potkaista renkaita täällä, menin mukaan Esimerkkiravintola verkkosivusto.

Verkkosivustosi visuaalinen muokkaaminen

Sivusto luodaan välittömästi, ja sinne pääsee välittömästi. Yllä näet Spinton editorin verkkokäyttöliittymän. Oikeassa sivupalkissa Spinto luettelee Git-URL-osoitteen, jota tarvitset sivuston lähteiden sekä sivuston tietojen ja yhteistyökumppaneiden tarkistamiseen. Vasemmalla näet sivut ja blogitekstit.

Muokataan Tervetuloa sivu:

Ooh, visuaalinen editori! Melko siisti ei-teknisille käyttäjille. Huomaa kuitenkin, että kaikista sen vaikuttavasta kromista editorin ominaisuudet ovat rajalliset. En voinut siirtää kuvia vetämällä niitä. Editorilla oli helppoa muuttaa tekstiä ja korvata kuvia. Tämä on mukavaa, koska se tarkoittaa, että voit pyytää ei-teknistä käyttäjää muokkaamaan verkkosivuston tekstiä, kun taas kokeneempi kehittäjä tekee CSS: n.

Spinton verkkokäyttöliittymän avulla voit myös muokata HTML-koodia suoraan, mutta jos olet kehittäjä, uskon, että mahdollisuudet muokata HTML-koodia manuaalisesti selaimessa ovat hyvin pienet.

Työskentely Gitin kanssa ja editointi paikallisesti

Katsotaan nyt Spintoa kokeneen kehittäjän näkökulmasta. Palvelun avulla on erittäin helppoa kloonata verkkosivustosi ja työskennellä sen parissa mukavasti omalta koneeltasi Gitin avulla. Yllä oleva Git-komentorivi nostetaan suoraan Spinton dokumentaatiosta ja lataa periaatteessa Spinto-verkkosivustosi työtä varten. Sisältä se näyttää tältä:

README-tiedosto tekee selväksi, että työskentelemme jonkin Jekylliin ja Bootstrap puitteet (luonut Twitter). Käynnistetään nyt gVim ja muokataan joitain tiedostoja:

Sisällä näemme melko vaniljaista HTML: ää. Huomaa neljä ylintä riviä, jotka määrittelevät Jekyllin otsikon ja asettelun. Toinen mielenkiintoinen näkökohta tässä on, että tyylisivut eivät ole CSS: ssä - ne on kirjoitettu VÄHEMMÄLLÄ:

Tämä tekee värien vaihtamisesta helppoa, koska LESS tukee muuttujia. Muutin vartalon taustavärin vaaleanpunaiseksi. Nyt on aika sitoutua ja viedä muutokset nähdäksesi ne verkkosivuilla:

Siirrytään nyt Spinto-verkkosivustolle:

Todellakin, se on kauhistuttavan vaaleanpunainen. Aika helppo juttu! Mukana on myös Ruby-helmi muutosten esikatseluun paikallisesti, joten sinun ei tarvitse jatkaa Git-repon ajamista aina, kun haluat nähdä muutokset selaimessa.

Lopulliset ajatukset

Spinto on rohkea ja innovatiivinen yritys luoda järjestelmä, joka vetoaa sekä aloittelijoihin että kokeneisiin kehittäjiin. Jos työskentelet verkkosivustolla yksin, en todellakaan voi ajatella painavaa syytä käyttää Spintoa itse Jekyllin sijaan (tai Piirakankuori ja monet muut staattiset verkkosivustojen luojat). Mutta jos sinun on tehtävä yhteistyötä muiden, erityisesti käyttäjien kanssa, jotka välittävät syvästi tekstisisällöstä ja kuvista, mutta eivät voi auttaa CSS: n kanssa, Spinto tarjoaa mielenkiintoisia etuja.

Kerro meille kommenteissa, mitä mieltä olet siitä ja pidätkö tästä vai vastaavasta verkkosivuston generaattorista.