Spinto - um criador de sites que tanto novatos quanto desenvolvedores podem gostar

Propaganda

Ah, a alegria de criar um novo site! Sério, uma das melhores coisas da web é como é fácil começar algo novo. Existem inúmeras ferramentas que permitem aos usuários criar facilmente seus próprios sites, como Sidengo Como construir seu próprio site em minutos sem quaisquer habilidades de codificação Como construir seu próprio site em minutos sem quaisquer habilidades de codificação Como a Web cresce, e isso é tão impressionante, a necessidade de uma presença na web está se tornando mais premente. Em muitas partes do mundo, você simplesmente deve ter uma presença na web em ordem ... Leia mais e Wix Como criar um site Flash Professional-Looking For Free Como criar um site Flash Professional-Looking For Free Leia mais (que, aliás, não requer mais Flash). Muitas dessas ferramentas destinam-se a novos usuários que criam seus primeiros sites. O Spinto é um novo serviço que tenta um ângulo diferente.

É amigável ao desenvolvedor, com suporte para Git e SSH, e é baseado no Jekyll, um gerador de site estático que os codificadores Ruby adoram. Enquanto faz tudo isso, o Spinto também tenta permanecer atraente para os usuários mais novos - então você poderia dizer que este é um serviço que basicamente tenta manter todo mundo feliz.

A Spinto está atualmente em versão beta e pode ser usada livremente, mas mesmo depois de começar a cobrar, eles dizem que será fácil exportar seu site e levá-lo para outro lugar se você não quiser pagá-lo.

Levantando-se e correndo

Depois de entrar na Spinto com sua conta do Google, a primeira coisa que o serviço quer saber é se você é ou não uma "pessoa de tecnologia". Supondo que você é, você provavelmente sabe o que é o Git e tem uma chave SSH pública. Eu tenho uma chave SSH pública, que colei nesta caixa de texto. Mas Spinto não lhe dará nenhum pesar se você não tiver essa chave, o que é legal.

Em seguida, é hora de criar nosso primeiro site:

A Spinto também permite criar um site com as estruturas Blueprint ou Skeleton CSS ou um site em branco sem nenhum código. Desde que eu só quero chutar os pneus aqui, eu fui com o site do Restaurante Exemplo .

Editando seu site visualmente

O site é criado instantaneamente e pode ser acessado imediatamente. Acima você pode ver a interface web do editor da Spinto. Na barra lateral direita, a Spinto lista o URL do Git que você precisa para verificar as fontes do site, bem como as informações do site e os colaboradores. À esquerda, você pode ver as páginas e as postagens do blog.

Vamos editar a página de boas - vindas :

Ooh, um editor visual! Muito legal para usuários não técnicos. Mas observe que, apesar de todo o seu impressionante cromador, os recursos do editor são limitados. Não consegui mover imagens arrastando-as. O editor facilitou a alteração do texto e a substituição de imagens. Isso é bom, porque significa que você pode ter um usuário não técnico editando o texto para o site, enquanto um desenvolvedor mais experiente faz o CSS.

A interface web da Spinto também permite editar o HTML diretamente, mas se você é um desenvolvedor, acho que as chances de você editar manualmente o HTML no navegador são muito pequenas.

Trabalhando com o Git e editando localmente

Agora vamos olhar para Spinto da perspectiva de um desenvolvedor experiente. O serviço torna muito fácil clonar seu site e trabalhar nele a partir do conforto da sua própria máquina com o Git. A linha de comando do Git acima é retirada diretamente da documentação da Spinto e basicamente baixa o seu site da Spinto para o trabalho. Dentro, parece assim:

O arquivo README deixa claro que estamos trabalhando com algo baseado no Jekyll e no framework Bootstrap (criado pelo Twitter). Agora vamos abrir o gVim e editar alguns arquivos:

Dentro vemos muito HTML baunilha. Observe as quatro linhas superiores definindo o título e o layout do Jekyll. Outro aspecto interessante aqui é que as folhas de estilo não estão em CSS - elas são escritas em menos:

Isso facilita a mudança de cores, já que o LESS suporta variáveis. Só por isso, mudei a cor de fundo do corpo para rosa. Agora é hora de confirmar e enviar as mudanças para vê-las no site:

Agora vamos ao site da Spinto:

Na verdade, isso é terrivelmente rosa. Coisas muito fáceis! Há também uma joia Ruby para visualizar as alterações localmente, para que você não tenha que continuar empurrando para o repositório do Git toda vez que quiser ver suas alterações no navegador.

Pensamentos finais

A Spinto é uma tentativa corajosa e inovadora de criar um sistema que atraísse tanto novatos quanto desenvolvedores experientes. Se você está trabalhando em um site por conta própria, não consigo pensar em uma razão convincente para usar o Spinto em vez do Jekyll (ou o PieCrust e muitos outros geradores de sites estáticos). Mas se você precisa colaborar com outras pessoas, especialmente usuários que se importam profundamente com conteúdo textual e imagens, mas não podem realmente ajudar com o CSS, a Spinto oferece alguns benefícios interessantes.

Deixe-nos saber o que você pensa sobre isso nos comentários, e se você prefere isso ou um gerador de site semelhante.