Spinto - Un creador de sitios web que tanto a los principiantes como a los desarrolladores pueden gustar

¡Ah, la alegría de crear un nuevo sitio web! En serio, una de las mejores cosas de la web es lo fácil que es comenzar algo nuevo. Existen numerosas herramientas que permiten a los usuarios crear fácilmente sus propios sitios web, como Sidengo Cómo construir su propio sitio web en minutos sin ninguna habilidad de codificación Cómo construir su propio sitio web en minutos sin ninguna habilidad de codificación A medida que la web crece, lo hace de manera deslumbrante. , la necesidad de una presencia web es cada vez más apremiante. En muchas partes del mundo, simplemente debe tener una presencia en la web en orden ... Leer más y Wix Cómo crear un sitio web Flash de aspecto profesional de forma gratuita Cómo crear un sitio web Flash de aspecto profesional de forma gratuita Leer más (que, por cierto, ya no requiere flash). Muchas de estas herramientas están dirigidas a nuevos usuarios que crean sus primeros sitios web. Spinto es un nuevo servicio que intenta un ángulo diferente..

Es amigable para los desarrolladores, con soporte para Git y SSH, y se basa en Jekyll, un generador de sitios web estático que a Ruby le encanta. Mientras hace todo esto, Spinto también trata de mantenerse atractivo para los usuarios más nuevos, por lo que podría decir que este es un servicio que básicamente trata de mantener contentos a todos..

Spinto se encuentra actualmente en versión beta y se puede usar libremente, pero incluso después de que comiencen a cargarse, dicen que será fácil exportar su sitio y llevarlo a otra parte si no quiere pagarlos..

Levantarse y correr

Después de iniciar sesión en Spinto con su cuenta de Google, lo primero que el servicio quiere saber es si usted es o no un “persona tecnológica”. Suponiendo que lo sea, probablemente sepa qué es Git y tenga una clave SSH pública. De hecho, tengo una clave SSH pública, que pegué en este cuadro de texto. Pero Spinto no te causará ningún dolor si no tienes una llave así, lo cual es bueno..

A continuación, es hora de crear nuestro primer sitio web:

Spinto también le permite crear un sitio web con los marcos Blueprint o Skeleton CSS, o un sitio web en blanco sin ningún código. Como solo quiero patear los neumáticos aquí, fui con el Restaurante de ejemplo sitio web.

Edición de su sitio web visualmente

El sitio se crea al instante, y se puede acceder de inmediato. Arriba puedes ver la interfaz web del editor de Spinto. En la barra lateral derecha, Spinto enumera la URL de Git que necesita para consultar las fuentes del sitio, así como la información del sitio y los colaboradores. A la izquierda puedes ver las páginas y las publicaciones del blog..

Vamos a editar el Bienvenido página:

Ooh, un editor visual! Bastante limpio para usuarios no técnicos. Pero tenga en cuenta que a pesar de todo su impresionante chrome, las capacidades del editor son limitadas. No pude mover las imágenes arrastrándolas. El editor hizo que sea fácil cambiar el texto, así como reemplazar las imágenes. Esto es bueno, porque significa que puede hacer que un usuario no técnico edite el texto del sitio web, mientras que un desarrollador con más experiencia hace el CSS.

La interfaz web de Spinto también te permite editar el HTML directamente, pero si eres un desarrollador, creo que las posibilidades de que edites HTML manualmente en el navegador son muy escasas..

Trabajando con Git y editando localmente

Ahora veamos a Spinto desde la perspectiva de un desarrollador experimentado. El servicio hace que sea muy fácil clonar su sitio web y trabajar en él desde la comodidad de su propia máquina con Git. La línea de comando de Git de arriba se levanta directamente de la documentación de Spinto y básicamente descarga su sitio web de Spinto para trabajar. Por dentro, se ve así:

El archivo README deja claro que estamos trabajando con algo basado en Jekyll y en el marco de Bootstrap (creado por Twitter). Ahora vamos a arrancar gVim y editar algunos archivos:

Por dentro vemos bastante el HTML de vainilla. Tenga en cuenta las cuatro líneas superiores que definen el título y el diseño de Jekyll. Otro aspecto interesante aquí es que las hojas de estilo no están en CSS, están escritas en MENOS:

Esto facilita el cambio de colores, ya que LESS admite variables. Solo por el gusto de cambiarlo, cambié el color de fondo del cuerpo a rosa. Ahora es el momento de confirmar y presionar los cambios para verlos en el sitio web:

Ahora, vamos al sitio web de Spinto:

De hecho, eso es espantosamente rosa. Cosas bastante fáciles! También hay una gema de Ruby para obtener una vista previa de los cambios localmente, por lo que no tiene que seguir presionando al repositorio de Git cada vez que quiera ver sus cambios en el navegador..

Pensamientos finales

Spinto es un intento valiente e innovador de crear un sistema que atraiga tanto a principiantes como a desarrolladores experimentados. Si está trabajando en un sitio web por su cuenta, realmente no puedo pensar en una razón convincente para usar Spinto en lugar de Jekyll (o PieCrust y los muchos otros generadores de sitios web estáticos). Pero si necesita colaborar con otros, especialmente los usuarios que se preocupan por el contenido textual y las imágenes pero no pueden ayudar con el CSS, Spinto ofrece algunos beneficios interesantes..

Háganos saber qué piensa al respecto en los comentarios y si prefiere este o un generador de sitios web similar..

Explorar más sobre: ​​Diseño web, Desarrollo web.