Spinto – En webbplatsskapare som både nybörjare och utvecklare kan gilla

Annons

Åh, glädjen att skapa en ny hemsida! Seriöst, en av de bästa sakerna med webben är hur lätt det är att starta något nytt. Det finns många verktyg som låter användare enkelt skapa sina egna webbplatser, t.ex Sidengo Hur man bygger din egen webbplats på några minuter utan några kodningsförmågaI takt med att webben växer, och det gör det bländande snabbt, blir behovet av en webbnärvaro mer pressande. I många delar av världen måste du helt enkelt ha en webbnärvaro för att... Läs mer och Wix Hur man skapar en professionell Flash-webbplats gratis Läs mer (som för övrigt inte längre kräver Flash). Många av dessa verktyg är inriktade på nya användare som skapar sina första webbplatser. Spinto är en ny tjänst som provar en annan vinkel.

Det är utvecklarvänligt, med stöd för Git och SSH, och det är baserat på Jekyll, en statisk webbplatsgenerator som Ruby-kodare älskar. Samtidigt som Spinto gör allt detta försöker Spinto också att vara tilltalande för nyare användare – så man kan säga att det här är en tjänst som i princip försöker hålla alla nöjda.

Spinto är för närvarande i beta och kan användas fritt, men även efter att de börjar ladda säger de att det kommer att vara enkelt att exportera din webbplats och ta den någon annanstans om du inte vill betala dem.

Komma igång

Efter att ha loggat in på Spinto med ditt Google-konto är det första tjänsten vill veta om du är en "teknisk person". Om du antar att du är det, vet du förmodligen vad Git är och har en offentlig SSH-nyckel. Jag har verkligen en offentlig SSH-nyckel, som jag klistrade in i den här textrutan. Men Spinto kommer inte att ge dig någon sorg om du inte har en sådan nyckel, vilket är trevligt.

Därefter är det dags att skapa vår första webbplats:

Spinto låter dig också skapa en webbplats med Plan eller Skelett CSS-ramverk, eller en tom webbplats utan kod alls. Eftersom jag bara vill sparka däcken här, gick jag med Exempel Restaurang hemsida.

Redigera din webbplats visuellt

Webbplatsen skapas omedelbart och kan nås omedelbart. Ovan kan du se webbgränssnittet för Spintos redaktör. På det högra sidofältet listar Spinto den Git-URL du behöver för att kolla in webbplatskällor, samt webbplatsinformation och samarbetspartners. Till vänster kan du se sidorna och blogginläggen.

Låt oss redigera Välkommen sida:

Åh, en visuell redaktör! Ganska snyggt för icke-tekniska användare. Men notera att för all dess imponerande krom är redaktörens möjligheter begränsade. Jag kunde inte flytta runt bilder genom att dra dem. Redaktören gjorde det enkelt att ändra text, samt ersätta bilder. Detta är trevligt, eftersom det betyder att du kan låta en icke-teknisk användare redigera texten för webbplatsen, medan en mer erfaren utvecklare gör CSS.

Spintos webbgränssnitt låter dig också redigera HTML direkt, men om du är en utvecklare tror jag att chansen att du manuellt redigerar HTML i webbläsaren är väldigt liten.

Arbeta med Git och redigera lokalt

Låt oss nu titta på Spinto från en erfaren utvecklares perspektiv. Tjänsten gör det väldigt enkelt att klona din webbplats och arbeta på den från din egen maskin med Git. Git-kommandoraden ovan lyfts direkt från Spintos dokumentation och laddar i princip ner din Spinto-webbplats för arbete. Inuti ser det ut så här:

README-filen gör det klart att vi arbetar med något baserat på Jekyll och på Bootstrap ramverk (skapat av Twitter). Låt oss nu starta gVim och redigera några filer:

Inuti ser vi ganska vanilj HTML. Notera de fyra översta raderna som definierar titeln och layouten för Jekyll. En annan intressant aspekt här är att stilmallarna inte är i CSS – de är skrivna i LESS:

Detta gör det enkelt att ändra färger, eftersom LESS stöder variabler. Bara för fan ändrade jag bakgrundsfärgen på kroppen till rosa. Nu är det dags att engagera sig och driva ändringarna för att se dem på webbplatsen:

Nu, låt oss gå till Spintos webbplats:

Det är verkligen fruktansvärt rosa. Ganska lätta grejer! Det finns också en Ruby-pärla för att förhandsgranska ändringar lokalt, så du behöver inte fortsätta att trycka till Git-repo varje gång du vill se dina ändringar i webbläsaren.

Slutgiltiga tankar

Spinto är ett modigt och innovativt försök att skapa ett system som skulle tilltala både nybörjare och erfarna utvecklare. Om du arbetar på en webbplats helt på egen hand kan jag inte riktigt komma på någon övertygande anledning att använda Spinto istället för Jekyll själv (eller Pajskal och många andra statiska webbplatsgeneratorer). Men om du behöver samarbeta med andra, särskilt användare som bryr sig mycket om textinnehåll och bilder men inte riktigt kan hjälpa till med CSS, erbjuder Spinto några intressanta fördelar.

Låt oss veta vad du tycker om det i kommentarerna, och om du föredrar denna eller en liknande webbplatsgenerator.