Spinto - tvůrce webových stránek, jak se mohou nováčci i vývojáři líbit

Ach, radost z vytvoření nového webu! Vážně, jedna z největších věcí na webu je, jak snadné je začít něco nového. Existuje celá řada nástrojů, které uživatelům umožňují snadno vytvářet vlastní webové stránky, například Sidengo Jak vytvořit svůj vlastní web v minutách bez jakýchkoli kódovacích dovedností Jak si vytvořit svůj vlastní web v minutách bez jakýchkoli kódovacích dovedností Jak web roste, a to tak oslnivě rychle , potřeba přítomnosti na webu je stále naléhavější. V mnoha částech světa musíte mít webovou prezentaci v pořádku… a Wix Jak vytvořit profesionálně vypadající Flash web zdarma Jak vytvořit profesionálně vypadající Flash web zdarma (což 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.

Je vstřícný k vývojářům s podporou Git a SSH a je založen na Jekyll, statickém generátoru webových stránek, který Ruby kodéry milují. Zatímco to všechno dělá, Spinto se také snaží zůstat přitažlivější pro novější uživatele - takže můžete říci, že jde o službu, která se v podstatě snaží udržet každého šťastného.

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

Vstávání a běh

Po přihlášení ke službě Spinto pomocí vašeho účtu Google je první věcí, kterou služba chce vědět, zda jste nebo ne “tech osoba”. Za předpokladu, že jste, 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ý zármutek, pokud nemáte takový klíč, který je pěkný.

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

Spinto vám také umožňuje vytvořit webovou stránku s frameworkem Blueprint nebo Skeleton CSS nebo prázdnou webovou stránku bez kódu. Protože sem jen chci kopnout pneumatiky, šel jsem s Příklad restaurace webová stránka.

Vizuální úprava webu

Web je vytvořen okamžitě a lze k němu okamžitě přistupovat. Nahoře můžete vidět webové rozhraní editoru Spinta. Na pravém postranním panelu Spinto uvádí Git URL, kterou potřebujete pro odhlášení ze zdrojů webů, informace o stránkách a spolupracovníky. Vlevo můžete vidět stránky a blogové příspěvky.

Pojďme upravit Vítejte stránka:

Ooh, vizuální editor! Pěkně elegantní pro netechnické uživatele. Všimněte si však, že u všech působivých chromů jsou možnosti editora omezené. Přetažením jsem nemohl obrázky pohybovat. Editor usnadnil změnu textu a výměnu obrázků. To je hezké, protože to znamená, že můžete nechat netechnického uživatele upravovat text pro web, zatímco zkušenější vývojář provádí CSS.

Webové rozhraní Spinta vám také umožňuje přímo upravovat HTML, ale pokud jste vývojář, je pravděpodobné, že ručně upravíte HTML v prohlížeči,.

Práce s Git a editace lokálně

Nyní se podívejme na Spinto z pohledu zkušeného vývojáře. Tato služba velmi usnadňuje klonování vašich webových stránek a práci na nich z pohodlí vašeho vlastního stroje s Git. Příkazový řádek Git výše je odstraněn přímo z dokumentace Spinta a v podstatě si stáhne váš web Spinto pro práci. Uvnitř to vypadá takto:

Ze souboru README je zřejmé, že pracujeme s něčím založeným na Jekyll a na rámci Bootstrap (vytvořené Twitterem). Nyní spustíme gVim a upravíme některé soubory:

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

To usnadňuje změnu barev, protože LESS podporuje proměnné. Jen kvůli tomu sakru jsem změnil barvu pozadí těla na růžovou. Nyní je čas zavázat se a prosadit změny, aby se zobrazily na webu:

Nyní jdeme na web Spinto:

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

Závěrečné myšlenky

Spinto je statečný a inovativní pokus o vytvoření systému, který by oslovil jak nováčky, tak zkušené vývojáře. Pokud pracujete na webu úplně sami, nemůžu si představit přesvědčivý důvod, proč používat Spinto místo samotného Jekyll (nebo PieCrust a mnoha dalších generátorů statických webových stránek). Ale pokud potřebujete spolupracovat s ostatními, zejména s uživateli, kteří se hluboce zajímají o textový obsah a obrázky, ale nemůžete si opravdu pomoci s CSS, Spinto nabízí některé zajímavé výhody.

Dejte nám vědět, co si o tom myslíte v komentářích, a zda dáváte přednost tomuto nebo podobnému generátoru webových stránek.