Spinto: un creatore di siti web che sia i neofiti che gli sviluppatori possono apprezzare

Annuncio pubblicitario

Ah, la gioia di creare un nuovo sito web! Seriamente, una delle cose più belle del web è quanto sia facile iniziare qualcosa di nuovo. Ci sono numerosi strumenti che consentono agli utenti di creare facilmente i propri siti web, come Sidengo Come costruire il proprio sito web in pochi minuti senza competenze di codifica Come costruire il proprio sito web in pochi minuti senza competenze di codifica Mentre il Web cresce, e lo fa in modo incredibilmente veloce, la necessità di una presenza sul web sta diventando più pressante. In molte parti del mondo, devi semplicemente avere una presenza sul web in ordine ... Leggi di più e Wix Come creare un sito web Flash dall'aspetto professionale gratuitamente Come creare un sito Web Flash dall'aspetto professionale per saperne di più (che, per inciso, non richiede più Flash). Molti di questi strumenti sono rivolti ai nuovi utenti che creano i loro primi siti web. Spinto è un nuovo servizio che prova una diversa angolazione.

È compatibile con gli sviluppatori, con supporto per Git e SSH, ed è basato su Jekyll, un generatore di siti Web statico che ama i codificatori di Ruby. Pur facendo tutto questo, Spinto cerca anche di rimanere attraente per gli utenti più recenti, quindi si potrebbe dire che questo è un servizio che cerca fondamentalmente di rendere tutti felici.

Spinto è attualmente in versione beta e può essere utilizzato liberamente, ma anche dopo aver iniziato a caricare, dicono che sarà facile esportare il tuo sito e portarlo altrove se non vuoi pagarlo.

Alzarsi e correre

Dopo aver effettuato l'accesso a Spinto con il tuo account Google, la prima cosa che il servizio vuole sapere è se sei un "tecnico" o meno. Supponendo che tu sia, probabilmente sai cos'è Git e hai una chiave SSH pubblica. Ho effettivamente una chiave SSH pubblica, che ho incollato in questa casella di testo. Ma Spinto non ti darà alcun dolore se non hai una chiave del genere, il che è bello.

Successivamente, è il momento di creare il nostro primo sito web:

Spinto ti consente anche di creare un sito Web con i framework Blueprint o Skeleton CSS o un sito Web vuoto senza codice. Dato che voglio solo buttare le gomme qui, sono andato con il sito web di Example Restaurant .

Modifica visiva del tuo sito web

Il sito è creato istantaneamente ed è accessibile immediatamente. Sopra puoi vedere l'interfaccia web dell'editor di Spinto. Nella barra laterale destra, Spinto elenca l'URL Git di cui hai bisogno per il controllo delle fonti del sito, nonché informazioni e collaboratori del sito. A sinistra puoi vedere le pagine e i post del blog.

Modifichiamo la pagina di benvenuto :

Ooh, un editor visuale! Abbastanza pulito per gli utenti non tecnici. Ma nota che per tutto il suo impressionante chrome, le capacità dell'editor sono limitate. Non ero in grado di spostare le immagini trascinandole. L'editor ha semplificato la modifica del testo e la sostituzione delle immagini. Questo è bello, perché significa che puoi avere un utente non tecnico modificare il testo per il sito web, mentre uno sviluppatore più esperto fa il CSS.

L'interfaccia web di Spinto ti consente anche di modificare direttamente l'HTML, ma se sei uno sviluppatore, penso che le possibilità di modificare manualmente l'HTML nel browser siano molto ridotte.

Lavorare con Git & Editing a livello locale

Ora diamo un'occhiata a Spinto dal punto di vista di uno sviluppatore esperto. Il servizio rende molto facile clonare il tuo sito web e lavorarci su comodamente con la tua macchina con Git. La riga di comando di Git sopra viene sollevata direttamente dalla documentazione di Spinto e scarica fondamentalmente il tuo sito web Spinto per il lavoro. All'interno, sembra questo:

Il file README chiarisce che stiamo lavorando con qualcosa basato su Jekyll e sul framework Bootstrap (creato da Twitter). Ora apriamo gVim e modificiamo alcuni file:

All'interno vediamo un bel HTML vanilla. Nota le prime quattro righe che definiscono il titolo e il layout di Jekyll. Un altro aspetto interessante qui è che i fogli di stile non sono in CSS - sono scritti in LESS:

Ciò semplifica la modifica dei colori, poiché LESS supporta le variabili. Solo per il gusto di farlo, ho cambiato il colore dello sfondo del corpo in rosa. Ora è il momento di impegnarsi e spingere le modifiche per vederle sul sito web:

Ora, andiamo al sito web di Spinto:

In effetti, è spaventosamente rosa. Roba abbastanza facile! C'è anche una gemma Ruby per l'anteprima delle modifiche localmente, quindi non devi continuare a spingere sul repository Git ogni volta che vuoi vedere le tue modifiche nel browser.

Pensieri finali

Spinto è un coraggioso e innovativo tentativo di creare un sistema che sia attraente per i neofiti e gli sviluppatori esperti. Se stai lavorando su un sito web tutto da solo, non posso davvero pensare a un motivo convincente per usare Spinto al posto di Jekyll stesso (o PieCrust e molti altri generatori di siti web statici). Ma se hai bisogno di collaborare con gli altri, in particolare gli utenti che hanno a cuore il contenuto e le immagini testuali, ma non possono davvero dare una mano con il CSS, Spinto offre alcuni interessanti vantaggi.

Fateci sapere cosa ne pensate nei commenti e se preferite questo o un generatore di siti simili.