Spinto - un creator de site-uri atât pentru începători, cât și pentru dezvoltatori

Ah, bucuria de a crea un nou site! Serios, unul dintre cele mai mari lucruri despre web este cât de ușor este să începi ceva nou. Există numeroase instrumente care permit utilizatorilor să creeze cu ușurință propriile site-uri web, cum ar fi Sidengo Cum să-ți construiești propria pagină web în procese-verbale, fără a avea abilități de codificare Cum să-ți construiești propria pagină web în procese-verbale fără abilități de codificare Pe măsură ce Web-ul crește și se face atât de uluitor de rapid , nevoia de prezență pe web devine din ce în ce mai presantă. În multe părți ale lumii, pur și simplu trebuie să aveți o prezență web, în ​​ordine ... Citește mai mult și Wix Cum de a crea un site profesional Flash Flash gratuit Cum de a crea un site profesional Flash Flash gratuit Citește mai mult (care, nu mai necesită Flash). Multe dintre aceste instrumente sunt destinate noilor utilizatori care își creează primele site-uri web. Spinto este un serviciu nou care încearcă un unghi diferit.

Acesta este prietenos cu dezvoltatorii, cu suport pentru Git și SSH, și se bazează pe Jekyll, un generator de site-uri statice de programare a codierilor Ruby. În timp ce face acest lucru, Spinto încearcă, de asemenea, să rămână atrăgător pentru utilizatorii mai noi - așa că puteți spune că acesta este un serviciu care în principiu încearcă să mențină pe toată lumea fericită.

Spinto este în prezent în versiune beta și poate fi folosit în mod liber, dar chiar și după ce începe să se încarce, ei spun că va fi ușor să exportați site-ul și să îl duceți în altă parte, dacă nu doriți să îi plătiți.

Noțiuni de bază și de funcționare

După ce v-ați conectat la Spinto cu contul dvs. Google, primul lucru pe care serviciul dorește să îl cunoască este dacă sunteți sau nu “tech persoană”. Presupunând că sunteți, probabil știți ce este Git și dacă aveți o cheie SSH publică. Am într-adevăr o cheie SSH publică, pe care am inserat-o în această casetă de text. Dar Spinto nu vă va da nici o durere dacă nu aveți o astfel de cheie, ceea ce este frumos.

Apoi, este timpul să creați primul nostru site web:

Spinto vă permite, de asemenea, să creați un site web cu cadre Blueprint sau Skeleton CSS sau un site web gol, fără cod în el. Deoarece vreau doar să dau jos anvelopele de aici, am mers cu Restaurant exemplu website.

Editarea vizuală a site-ului dvs.

Site-ul este creat instantaneu și poate fi accesat imediat. Mai sus puteți vedea interfața web a editorului Spinto. În bara laterală dreaptă, Spinto afișează adresa URL Git necesară pentru verificarea surselor site-ului, precum și informații despre site și colaboratori. În partea stângă puteți vedea paginile și postările pe blog.

Să editați Bine ati venit pagină:

Ooh, un editor vizual! Destul de curat pentru utilizatorii non-tehnici. Dar rețineți că pentru toate cromul său impresionant, capacitățile editorului sunt limitate. Nu am reușit să mut imaginile prin tragerea lor. Editorul a făcut ușor schimbarea textului, precum și înlocuirea imaginilor. Acest lucru este frumos, deoarece înseamnă că puteți avea un utilizator non-tehnic edita textul pentru site-ul web, în ​​timp ce un dezvoltator mai experimentat face CSS.

Interfața web a Spinto vă permite, de asemenea, să editați direct HTML-ul, dar dacă sunteți un dezvoltator, cred că șansele de a edita manual HTML în browser sunt foarte subțiri.

Lucrul cu Git și editarea locală

Acum, să ne uităm la Spinto din perspectiva dezvoltatorului experimentat. Serviciul face foarte ușor să clonați site-ul dvs. web și să lucrați la el din confortul propriei mașini cu Git. Linia de comandă Git de mai sus este ridicată direct din documentația lui Spinto și, practic, descarcă site-ul dvs. Spinto pentru muncă. În interior, arată astfel:

Fișierul README clarifică faptul că lucrăm cu ceva bazat pe Jekyll și pe cadrul Bootstrap (creat de Twitter). Acum, haideți să lansăm gVim și să editați câteva fișiere:

Înăuntru vedem HTML destul de vanilie. Rețineți primele patru linii care definesc titlul și aspectul pentru Jekyll. Un alt aspect interesant este că foile de stil nu sunt în CSS - sunt scrise în LESS:

Acest lucru face ușor schimbarea culorilor, deoarece LESS acceptă variabile. Doar pentru asta, am schimbat culoarea de fundal a corpului la roz. Acum este momentul să vă angajați și să împingeți modificările pentru a le vedea pe site:

Acum, să mergem la site-ul Spinto:

Într-adevăr, asta este înfricoșător de roz. Lucru destul de ușor! Există, de asemenea, o bijuterie Ruby pentru previzualizarea schimbărilor la nivel local, deci nu trebuie să continuați să împingeți la replica Git de fiecare dată când doriți să vedeți modificările în browser.

Gândurile finale

Spinto este o încercare curajoasă și inovativă de a crea un sistem care să apeleze atât la începători, cât și la dezvoltatorii experimentați. Dacă lucrați pe un site pe cont propriu, nu mă pot gândi la un motiv convingător de a folosi Spinto în loc de Jekyll (sau de PieCrust și de mulți alți generatori de site-uri statice). Dar dacă aveți nevoie să colaborați cu alții, în special cu utilizatorii care se ocupă profund de conținut și imagini textuale, dar care nu pot ajuta cu CSS, Spinto oferă câteva beneficii interesante.

Spuneți-ne ce părere aveți în comentariile dvs. și dacă preferați acest generator sau un generator de site similar.

Explorați mai multe despre: Web Design, Dezvoltare Web.