Spinto - En webbdesigner både nybörjare och utvecklare kan gilla

Åh, glädjen att skapa en ny hemsida! Allvarligt är en av de största sakerna på webben hur lätt det är att starta något nytt. Det finns många verktyg som låter användarna enkelt skapa egna webbplatser, som Sidengo Hur man bygger din egen hemsida i några minuter utan några kodningsförmågor Hur man bygger din egen hemsida i några minuter utan någon kodningsförmåga När webben växer, och det gör det så bländande snabbt , behovet av en närvaro på nätet blir alltmer pressande. I många delar av världen måste du helt enkelt ha en närvaro på nätet för att ... Läs mer och Wix Hur man skapar en professionell webbsida som ser ut som en gratis bild. Hur man skapar en professionell blickwebbplats för gratis Läs mer (som förresten, behöver inte längre Flash). Många av dessa verktyg riktar sig till nya användare som skapar sina första webbplatser. Spinto är en ny tjänst som försöker en annan vinkel.

Det är utvecklingsvänligt, med stöd för Git och SSH, och det är baserat på Jekyll, en statisk webbplatsgenerator Ruby coders love. Samtidigt som Spinto försöker hålla sig till nya användare, så kan du säga att det här är en tjänst som i princip försöker hålla alla lyckliga.

Spinto är för närvarande i beta och kan användas fritt, men även efter att de har laddat, säger de att det är enkelt att exportera din webbplats och ta den på andra håll om du inte vill betala dem.

Komma upp och springa

När du loggat in på Spinto med ditt Google-konto är det första du vill veta tjänsten om du är en “teknisk person”. Förutsatt att du är, vet du förmodligen vad Git är och har en offentlig SSH-nyckel. Jag har faktiskt en offentlig SSH-nyckel som jag klistrade in i den här textrutan. Men Spinto kommer inte 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 hemsida:

Spinto låter dig också skapa en webbplats med ramarna för Blueprint eller Skeleton CSS, eller en tom hemsida utan kod alls. Eftersom jag bara vill sparka däcken här, gick jag med Exempel restaurang hemsida.

Redigera din webbplats visuellt

Webbplatsen skapas direkt och kan nås direkt. Ovan kan du se webbgränssnittet för Spintos redaktör. På den 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:

Ooh, en visuell redaktör! Ganska snyggt för icke-tekniska användare. Men notera att för alla dess imponerande krom är redaktörens kapacitet begränsad. Jag kunde inte flytta bilder runt genom att dra dem. Redaktören gjorde det enkelt att byta text, samt ersätta bilder. Det här är trevligt, eftersom det betyder att du kan ha 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 mycket smal.

Arbeta med Git och redigering lokalt

Låt oss nu titta på Spinto från en erfaren utvecklareperspektiv. Tjänsten gör det mycket enkelt att klona din webbplats och arbeta på den från din egen maskin med Git. Kommandot Git ovanför lyftes direkt från Spintos dokumentation och laddar 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-ramen (skapad av Twitter). Nu ska vi skjuta upp gVim och redigera några filer:

Inuti ser vi söt vanilj HTML. Notera de fyra högsta linjerna som definierar titeln och layouten för Jekyll. En annan intressant aspekt här är att stylesheets inte finns i CSS - de är skrivna i MINDER:

Detta gör det enkelt att byta färger, eftersom MINDER stöder variabler. Bara för käften av det, ändrade jag bakgrundsfärgen till rosa. Nu är det dags att begå och driva ändringarna för att se dem på webbplatsen:

Nu ska vi gå till Spintos hemsida:

Det är faktiskt skrämmande rosa. Ganska enkla saker! Det finns också en Ruby-pärla för att förhandsgranska förändringar lokalt, så du behöver inte fortsätta trycka på 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 vädja både till nybörjare och erfarna utvecklare. Om du jobbar på en webbplats helt enkelt, kan jag inte riktigt tänka mig en tvingande anledning att använda Spinto istället för Jekyll själv (eller PieCrust och de många andra statiska webbplatsgeneratorerna). Men om du behöver samarbeta med andra, särskilt användare som bryr sig djupt om textinnehåll och bilder men inte 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.

Utforska mer om: Webbdesign, webbutveckling.