Spinto: un creador de sitios web que les puede gustar tanto a los principiantes como a los desarrolladores

Anuncio publicitario

¡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ónA medida que la Web crece y lo hace a una velocidad deslumbrante, la necesidad de una presencia en la Web es cada vez más urgente. En muchas partes del mundo, simplemente debe tener presencia en la web para ... Lee mas y Wix Cómo crear un sitio web Flash de aspecto profesional de forma gratuita Lee mas (que, dicho sea de paso, 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 desarrolladores, con soporte para Git y SSH, y se basa en Jekyll, un generador de sitios web estático que a los programadores de Ruby les encanta. Mientras hace todo esto, Spinto también intenta seguir siendo atractivo para los usuarios más nuevos, por lo que se podría decir que este es un servicio que básicamente intenta 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 cobrar, dicen que será fácil exportar su sitio y llevarlo a otra parte si no desea pagarles.

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 un "técnico". 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 esa llave, 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 la Plano o Esqueleto Marcos CSS, o un sitio web en blanco sin ningún código. Ya que solo quiero patear los neumáticos aquí, fui con el Ejemplo de restaurante sitio web.

Editar su sitio web visualmente

El sitio se crea instantáneamente y se puede acceder de inmediato. Arriba puede 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 puede ver las páginas y las publicaciones del blog.

Editemos el Bienvenido página:

¡Oh, un editor visual! Bastante ordenado para usuarios no técnicos. Pero tenga en cuenta que a pesar de su impresionante cromo, las capacidades del editor son limitadas. No pude mover las imágenes arrastrándolas. El editor facilitó el cambio de texto y la sustitución de imágenes. Esto es bueno, porque significa que puede hacer que un usuario sin conocimientos técnicos 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.

Trabajar con Git y editar 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 anterior se extrae directamente de la documentación de Spinto y, básicamente, descarga su sitio web de Spinto para trabajar. En el interior, se ve así:

El archivo README deja en claro que estamos trabajando con algo basado en Jekyll y en el Oreja framework (creado por Twitter). Ahora iniciemos gVim y editemos algunos archivos:

En el interior vemos bastante HTML 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 hacerlo, cambié el color de fondo del cuerpo a rosa. Ahora es el momento de confirmar e impulsar los cambios para verlos en el sitio web:

Ahora, vayamos al sitio web de Spinto:

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

Pensamientos finales

Spinto es un intento valiente e innovador de crear un sistema que atraiga tanto a los principiantes como a los 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 en sí (o Borde de la tarta y muchos otros generadores de sitios web estáticos). Pero si necesita colaborar con otros, especialmente con los usuarios que se preocupan profundamente por el contenido textual y las imágenes pero que realmente no pueden ayudar con CSS, Spinto ofrece algunos beneficios interesantes.

Háganos saber lo que piensa de él en los comentarios y si prefiere este o un generador de sitios web similar.