Staticmatic: Websites estáticos "a la Ruby"

Staticmatic es un sistema con el que podemos diseñar sitios web estáticos `a la Ruby`. A veces, por los requerimientos de nuestros clientes no necesitamos que nada sea dinámico en la web que vamos a diseñar (algo raro hoy). Para eso vale Staticmatic. No necesitamos Rails para realizar un sitio totalmente estático.

Staticmatic se suministra como una gema, por lo que la instalación es simple:

gem install staticmatic

Ahora generaremos un proyecto:

staticmatic setup mi_proyecto
created mi_proyecto/site/
created mi_proyecto/site/stylesheets
created mi_proyecto/site/images
created mi_proyecto/site/javascripts
created mi_proyecto/src/
created mi_proyecto/src/pages/
created mi_proyecto/src/layouts
created mi_proyecto/src/stylesheets
created mi_proyecto/src/partials
created mi_proyecto/src/helpers
Done

Ya podemos ver nuestro proyecto funcionando:

cd mi_proyecto
staticmatic preview .
StaticMatic Preview Server Starting...
Running Preview of . on localhost:

Ahora, si vamos al navegador a http://localhost:3000 podemos ver nuestra página funcionando. De momento vemos, más bien, poco... hemos de ir poco a poco trabajando el diseño (HTML + CSS + JS)

Para diseñar con Staticmatic hemos de hacerlo con HAML y con SASS, cosa que es una ayuda a mi entender.

¿Cúal es la estructura con la que nos encontramos?

mi_proyecto/
|-- site
|   |-- images
|   |-- javascripts
|   `-- stylesheets
`-- src
   |-- helpers
   |-- layouts
   |   `-- application.haml
   |-- pages
   |   `-- index.haml
   |-- partials
   `-- stylesheets
       `-- application.sass

Si nos fijamos, la estructura tiene cierta similitud con la de un proyecto rails, salvando las distancias. Por lo que no sería difícil, una vez diseñado un sitio con Staticmatic pasarlo a una aplicación rails. Sólo necesitaríamos HAML y SASS.

Una vez que tengamos nuestro sitio terminado, lo construiremos en HTML y CSS, en vez de HAML y SASS con:

staticmatic build mi_proyecto

Enlaces relacionados:

• Staticmatic (http://staticmatic.rubyforge.org/)
  
• http://www.danielfischer.com/2007/10/22/static-websites-the-ruby-way/
• http://www.danielfischer.com/2007/11/08/static-websites-the-ruby-way-part-2/
• HAML (http://haml.hamptoncatlin.com/)
  
• SASS (http://haml.hamptoncatlin.com/docs/sass)