Spinto – tvůrce webových stránek, který mohou mít rádi nováčci i vývojáři

reklama

Ach, ta radost z tvorby nového webu! Vážně, jednou z největších věcí na webu je to, jak snadné je začít něco nového. Existuje mnoho nástrojů, které uživatelům umožňují snadno vytvářet vlastní webové stránky, jako např Sidengo Jak si vytvořit svůj vlastní web během několika minut bez jakýchkoli kódovacích dovednostíJak web roste, a to oslnivě rychle, potřeba přítomnosti na webu je stále naléhavější. V mnoha částech světa prostě musíte mít webovou prezentaci, abyste... Přečtěte si více a Wix Jak si zdarma vytvořit profesionálně vypadající web Flash Přečtěte si více (který mimochodem již nevyžaduje Flash). Mnoho z těchto nástrojů je zaměřeno na nové uživatele, kteří vytvářejí své první webové stránky. Spinto je nová služba, která zkouší jiný úhel pohledu.

Je přívětivý pro vývojáře, s podporou Git a SSH a je založen na Jekyll, generátor statických webových stránek Ruby kodéři milují. Při tom všem se Spinto také snaží zůstat přitažlivé pro novější uživatele – dalo by se tedy říci, že jde o službu, která se v podstatě snaží, aby byli všichni spokojeni.

Spinto je v současné době ve verzi beta a lze jej volně používat, ale i poté, co se začnou zpoplatňovat, říkají, že bude snadné exportovat vaše stránky a vzít je jinam, pokud jim nechcete platit.

Vstávání a běh

Po přihlášení do Spinto pomocí svého účtu Google je první věcí, kterou chce služba vědět, zda jste nebo nejste „technický člověk“. Za předpokladu, že ano, pravděpodobně víte, co je Git, a máte veřejný klíč SSH. Opravdu mám veřejný klíč SSH, který jsem vložil do tohoto textového pole. Ale Spinto vám nedá žádný smutek, pokud takový klíč nemáte, což je hezké.

Dále je čas vytvořit náš první web:

Spinto vám také umožňuje vytvořit webovou stránku pomocí Modrotisk nebo Kostra CSS frameworky nebo prázdný web bez kódu. Protože tady chci jen nakopnout pneumatiky, šel jsem s tím Příklad restaurace webová stránka.

Vizuální úprava webu

Stránka je vytvořena okamžitě a lze k ní okamžitě přistupovat. Nahoře vidíte webové rozhraní editoru Spinto. Na pravém postranním panelu Spinto uvádí adresu URL Git, kterou potřebujete k vyhledání zdrojů webu a také informací o webu a spolupracovníků. Vlevo můžete vidět stránky a příspěvky na blogu.

Pojďme upravit Vítejte strana:

Ooh, vizuální editor! Docela úhledné pro netechnické uživatele. Všimněte si však, že přes všechny jeho působivé chromové možnosti jsou možnosti editoru omezené. Nebyl jsem schopen přesouvat obrázky přetažením. Editor usnadnil změnu textu i nahrazování obrázků. To je hezké, protože to znamená, že text na webu může upravit netechnický uživatel, zatímco zkušenější vývojář dělá CSS.

Webové rozhraní Spinto vám také umožňuje přímo upravovat HTML, ale pokud jste vývojář, myslím, že šance na ruční úpravu HTML v prohlížeči je velmi malá.

Práce s Git a místní úpravy

Nyní se podívejme na Spinto z pohledu zkušeného vývojáře. Tato služba velmi usnadňuje klonování vašeho webu a práci na něm z pohodlí vlastního počítače s Git. Výše uvedený příkazový řádek Git je odstraněn přímo z dokumentace Spinto a v podstatě stahuje váš web Spinto pro práci. Uvnitř to vypadá takto:

Soubor README objasňuje, že pracujeme s něčím založeným na Jekyllovi a na Bootstrap framework (vytvořený Twitterem). Nyní spustíme gVim a upravíme některé soubory:

Uvnitř vidíme pěkně vanilkové HTML. Všimněte si horních čtyř řádků definujících název a rozvržení pro Jekyll. Dalším zajímavým aspektem je, že šablony stylů nejsou v CSS – jsou napsány v LESS:

To usnadňuje změnu barev, protože LESS podporuje proměnné. Jen pro pořádek jsem změnil barvu pozadí těla na růžovou. Nyní je čas potvrdit a prosadit změny, abyste je viděli na webu:

Nyní pojďme na web Spinto:

Opravdu, je to strašně růžové. Docela snadné věci! K dispozici je také drahokam Ruby pro místní náhled změn, takže nemusíte neustále tlačit na úložiště Git pokaždé, když chcete vidět své změny v prohlížeči.

Závěrečné myšlenky

Spinto je odvážný a inovativní pokus o vytvoření systému, který by oslovil nováčky i ostřílené vývojáře. Pokud pracujete na webu úplně sami, opravdu mě nenapadá přesvědčivý důvod, proč používat Spinto místo samotného Jekylla (nebo PieCrust a mnoho dalších generátorů statických webových stránek). Pokud však potřebujete spolupracovat s ostatními, zejména s uživateli, kteří se hluboce zajímají o textový obsah a obrázky, ale nemohou ve skutečnosti pomoci s CSS, Spinto nabízí některé zajímavé výhody.

Dejte nám vědět, co si o něm myslíte v komentářích a zda preferujete tento nebo podobný generátor webových stránek.