Spinto – Weboldal-készítő, amelyet az újoncok és a fejlesztők egyaránt kedvelhetnek

Hirdetés

Ó, az új weboldal létrehozásának öröme! Komolyan, az egyik legnagyobb dolog az interneten, hogy milyen könnyű újat kezdeni. Számos eszköz létezik, amelyek segítségével a felhasználók könnyen létrehozhatják saját webhelyeiket, mint pl Sidengo Hogyan készítsd el saját webhelyedet percek alatt kódolási készség nélkülAhogy az internet növekszik, és ezt káprázatosan gyorsan teszi, a webes jelenlét iránti igény egyre sürgetőbb. A világ számos részén egyszerűen webes jelenlétre van szükség ahhoz, hogy... Olvass tovább és Wix Hogyan készítsünk professzionális megjelenésű Flash webhelyet ingyen Olvass tovább (amihez egyébként már nem kell Flash). Ezen eszközök közül sok olyan új felhasználókat céloz meg, akik létrehozzák első webhelyeiket. A Spinto egy új szolgáltatás, amely más szemszögből próbál ki.

Fejlesztőbarát, támogatja a Git-et és az SSH-t, és ezen alapul Jekyll, a statikus weboldal generátor Ruby kódolók szeretik. Mindezek során a Spinto arra is törekszik, hogy vonzó maradjon az újabb felhasználók számára – tehát mondhatni, ez egy olyan szolgáltatás, amely alapvetően mindenkit próbál boldoggá tenni.

A Spinto jelenleg béta állapotban van, és szabadon használható, de még a töltés megkezdése után is azt mondják, hogy könnyű lesz exportálni az oldalt, és máshová vinni, ha nem akarsz fizetni nekik.

Felkelés és futás

Miután bejelentkezett a Spintoba Google-fiókjával, a szolgáltatás elsőként azt szeretné tudni, hogy Ön „tech ember”-e vagy sem. Feltételezve, hogy igen, valószínűleg tudja, mi az a Git, és van nyilvános SSH-kulcsa. Valóban van egy nyilvános SSH-kulcsom, amelyet ebbe a szövegmezőbe illesztettem. De a Spinto nem fog bánkódni, ha nincs ilyen kulcsod, ami jó.

Eljött az ideje, hogy elkészítsük első weboldalunkat:

A Spinto segítségével webhelyet is létrehozhat a Tervrajz vagy Csontváz CSS-keretrendszerek, vagy egy üres webhely, amelyben egyáltalán nincs kód. Mivel itt csak a gumikat akarom rúgni, így mentem a Példa étterem weboldal.

Webhelyének vizuális szerkesztése

Az oldal azonnal létrejön, és azonnal elérhető. Fentebb a Spinto szerkesztőjének webes felülete látható. A jobb oldalsávon a Spinto felsorolja a Git URL-t, amelyre szüksége van a webhely forrásainak, valamint a webhely információinak és az együttműködőknek a megtekintéséhez. A bal oldalon az oldalak és a blogbejegyzések láthatók.

Szerkesszük a Üdvözöljük oldal:

Ó, egy vizuális szerkesztő! Elég ügyes a nem műszaki felhasználók számára. De vegye figyelembe, hogy a lenyűgöző króm ellenére a szerkesztő képességei korlátozottak. Nem tudtam mozgatni a képeket húzással. A szerkesztő megkönnyítette a szöveg módosítását, valamint a képek cseréjét. Ez jó, mert azt jelenti, hogy egy nem műszaki felhasználó szerkesztheti a webhely szövegét, míg egy tapasztaltabb fejlesztő a CSS-t.

A Spinto webes felülete lehetővé teszi a HTML közvetlen szerkesztését is, de ha Ön fejlesztő, akkor szerintem nagyon kicsi az esélye annak, hogy manuálisan szerkeszti a HTML-t a böngészőben.

Munka a Git-tel és helyi szerkesztés

Most nézzük a Spintot egy tapasztalt fejlesztő szemszögéből. A szolgáltatás nagyon egyszerűvé teszi a webhely klónozását, és a saját géped kényelméből történő munkát a Git segítségével. A fenti Git parancssor közvetlenül a Spinto dokumentációjából származik, és alapvetően letölti a Spinto webhelyet munkavégzés céljából. Belül így néz ki:

A README fájl egyértelművé teszi, hogy valami Jekyll és a Bootstrap keretrendszer (készítette a Twitter). Most indítsuk el a gVim-et, és szerkesszünk néhány fájlt:

Belül szép vaníliás HTML-t látunk. Jegyezze meg a Jekyll címét és elrendezését meghatározó felső négy sort. Egy másik érdekesség itt, hogy a stíluslapok nem CSS-ben vannak, hanem LESS-ben vannak írva:

Ez megkönnyíti a színek megváltoztatását, mivel a LESS támogatja a változókat. Csak a fenéért, rózsaszínre változtattam a test háttérszínét. Itt az ideje, hogy elkötelezze magát és végrehajtsa a változtatásokat, hogy azok megjelenjenek a webhelyen:

Most pedig menjünk a Spinto weboldalára:

Valóban, borzasztóan rózsaszín. Elég könnyű cucc! Van egy Ruby gyöngyszem is a változások helyi előnézetéhez, így nem kell mindig a Git repo felé nyomulnia, amikor látni szeretné a módosításokat a böngészőben.

Végső gondolatok

A Spinto egy bátor és innovatív kísérlet egy olyan rendszer létrehozására, amely mind az újoncok, mind a tapasztalt fejlesztők számára vonzó. Ha teljesen egyedül dolgozik egy webhelyen, nem igazán tudok olyan nyomós okot elképzelni, hogy a Spinto-t használja maga a Jekyll helyett (vagy Tésztahéj és a sok más statikus webhelygenerátor). De ha másokkal kell együttműködnie, különösen olyan felhasználókkal, akiknek nagyon fontosak a szöveges tartalmak és képek, de nem tudnak igazán segíteni a CSS-ben, a Spinto érdekes előnyöket kínál.

Ossza meg velünk, mit gondol erről a megjegyzésekben, és hogy ezt vagy egy hasonló weboldal generátort részesíti előnyben.