Spinto - En Nettsted Creator Begge nybegynnere og utviklere kan like

Spinto - En Nettsted Creator Begge nybegynnere og utviklere kan like / Internett

Ah, gleden av å skape et nytt nettsted! Seriøst er en av de største tingene på nettet, hvor lett det er å starte noe nytt. Det er mange verktøy som lar brukerne enkelt lage sine egne nettsteder, for eksempel Sidengo Hvordan bygge din egen nettside i minutter uten noen koding Ferdigheter Hvordan bygge din egen nettside i minutter uten noen kodingskunnskaper Når nettet vokser, og det gjør det så blendende fort , behovet for en web tilstedeværelse blir mer presserende. I mange deler av verden må du bare ha en tilstedeværelse på nettet i rekkefølge ... Les mer og Wix Hvordan lage et profesjonelt utseende Flash-nettsted gratis Hvordan lage et profesjonelt utseende Flash-nettsted gratis Les mer (som forresten, krever ikke lenger Flash). Mange av disse verktøyene er rettet mot nye brukere som lager sine første nettsteder. Spinto er en ny tjeneste som prøver en annen vinkel.

Det er utvikler-vennlig, med støtte for Git og SSH, og det er basert på Jekyll, en statisk nettside generator Ruby coders love. Mens dette gjøres, prøver Spinto også å holde seg til nyere brukere - så du kan si at dette er en tjeneste som i utgangspunktet prøver å holde alle glade.

Spinto er for tiden i beta og kan brukes fritt, men selv etter at de begynner å lade, sier de at det blir enkelt å eksportere nettstedet ditt og ta det andre steder hvis du ikke vil betale dem.

Komme opp og kjører

Etter å ha logget på Spinto med Google-kontoen din, er det første tingen du vil vite om du er en “teknisk person”. Forutsatt at du er, vet du sikkert hva Git er, og har en offentlig SSH-nøkkel. Jeg har faktisk en offentlig SSH-nøkkel, som jeg limte inn i denne tekstboksen. Men Spinto vil ikke gi deg noen sorg hvis du ikke har en slik nøkkel, noe som er fint.

Deretter er det på tide å lage vår første nettside:

Spinto lar deg også lage en nettside med skisse CSS-rammene, eller et tomt nettsted uten kode i det hele tatt. Siden jeg bare vil sparke dekkene her, gikk jeg med Eksempel Restaurant nettsted.

Redigerer nettstedet ditt visuelt

Nettstedet er opprettet umiddelbart, og kan nås umiddelbart. Over kan du se webgrensesnittet til Spintos redaktør. På høyre sidepanel, viser Spinto Git-nettadressen du trenger for å sjekke ut nettstedskilder, samt nettstedinformasjon og samarbeidspartnere. Til venstre kan du se sidene og blogginnleggene.

La oss redigere Velkommen side:

Ooh, en visuell redaktør! Ganske pent for ikke-tekniske brukere. Men vær oppmerksom på at for alle sine imponerende krom er editorens evner begrenset. Jeg kunne ikke flytte bilder rundt ved å dra dem. Redaktøren gjorde det enkelt å endre tekst, samt erstatte bilder. Dette er fint, fordi det betyr at du kan ha en ikke-teknisk bruker redigere teksten for nettstedet, mens en mer erfaren utvikler gjør CSS.

Spintos webgrensesnitt lar deg også redigere HTML direkte, men hvis du er en utvikler tror jeg at sjansene for at du manuelt redigerer HTML i nettleseren, er veldig slanke.

Arbeider med Git og redigering lokalt

La oss nå se på Spinto fra et erfarent utviklerperspektiv. Tjenesten gjør det veldig enkelt å klone nettstedet ditt og jobbe med det fra komforten til din egen maskin med Git. Kommandolinjen Git ovenfor blir løftet direkte fra Spintos dokumentasjon, og nedlasting i hovedsak din Spinto-nettside for arbeid. På innsiden ser det slik ut:

README-filen gjør det klart at vi jobber med noe basert på Jekyll og på Bootstrap-rammen (opprettet av Twitter). La oss nå brenne gVim og redigere noen filer:

Innsiden ser vi ganske vanilje HTML. Legg merke til de fire øverste linjene som definerer tittelen og oppsettet for Jekyll. Et annet interessant aspekt her er at stilarkene ikke er i CSS - de er skrevet i MINDRE:

Dette gjør det enkelt å endre farger, siden LESS støtter variabler. Bare for å ha det, endret jeg kroppens bakgrunnsfarge til rosa. Nå er det på tide å begå og presse endringene for å se dem på nettsiden:

La oss nå gå til nettsiden til Spinto:

Faktisk er det forferdelig rosa. Ganske enkle ting! Det er også en Ruby perle for å forhåndsvise endringer lokalt, slik at du ikke trenger å fortsette å trykke på Git repo hver gang du vil se endringene i nettleseren.

Siste tanker

Spinto er et modig og innovativt forsøk på å skape et system som vil appellere både til nybegynnere og erfarne utviklere. Hvis du jobber på et nettsted helt alene, kan jeg egentlig ikke tenke på en overbevisende grunn til å bruke Spinto i stedet for Jekyll selv (eller PieCrust og de mange andre statiske nettstedgeneratorene). Men hvis du trenger å samarbeide med andre, spesielt brukere som bryr seg dypt om tekstlig innhold og bilder, men egentlig ikke kan hjelpe med CSS, tilbyr Spinto noen interessante fordeler.

Gi oss beskjed om hva du synes om det i kommentarene, og om du foretrekker denne eller en lignende nettsidegenerator.

Utforsk mer om: Webdesign, webutvikling.