En el nuevo proyecto interno de BitEstudio me toca a volver a remangarme y pringarme con la maquetación de los diseños que estoy haciendo. No lo hacía desde que hicimos BITzen. Mientras @alejandrogq programa y hace lo duro en RAILS, yo hago los mockups, templates y los maqueto sin Javascript ni nada de código Ruby. Hace ya más de dos años que no me mojo con estas tareas, pero no hay problema, esto es como montar en bici y me apetece. Ahora son tiempos de HTML5+CSS3+SASS+HAML+COMPASS+960... es genial. Esta nueva aventura va a ser muy divertida.

Para empezar no tenía ni RVM en el Mac, así que voy a ir poniendo lo que voy haciendo por aquí. Así me sirve para el futuro -estas cosas se me olvidan rápido- y por si alguien más lo encuentra y le puede ser util.

Instalar RVM

Instalar Ruby

Me bajo el proyecto que esta en Github.

@alejandrogq ya tenía el setup inicial de gemas para el proyecto, así que sólo tengo que instalar Bundle y lanzarlo dentro de la carpeta del proyecto Rails para que se instalen todas las gemas que necesita.

Instalar Bundle

Ahora al intentar lanzar Redcar con Ruby 1.9.2 no arrancaba y lo tube que volver a instalar.

Instalar Redcar

Y listo, ahora toca ponerse a currar en la primera maquetación con HAML y SASS. 

Consejos y otras sugerencias serán bienvenidos.

Hoy me alegra poner online (v0.2), como primer paso, un pequeño proyecto personal. Ha comenzado como una charla para el grupo Las Palmas on Rails. Toco temás baśicos de la web, CSS, HTML5, SEO y Rails. Soy consciente de todo lo que le falta, pero por algo hay que empezar.

Frontend. Principios básicos. Una guía de estilo y fundamentos web.

Es una rápida recopilación de ideas, principios y conceptos sin terminar y desordenado. Con este documento pretendo dar algo de luz a los que empiezan en el diseño y desarrollo web. Por otro lado, espero que a otros muchos les sirva como recordatorio.

Me gustaría que la comunidad me ayudara a ir completando este documento. Recibir un feedback constructivo. Que me aporten los principios que tienen en cada proyecto web que afrontan.

Ahora mismo es un pobre powerpoint que espero pasará muy pronto a un documento más formal y estrucuturado. Mi intención es ir creando un manual básico sobre la creación de Frontend. Me faltan muchos puntos por tratar pero es un comienzo.

Lo dicho, nace con la intención de ayudar a los diseñadores y desarrolladores web.

Tengo muchas ideas e ilusiones en este proyecto que poco a poco iré comentando. 

Hasta pronto y espero sus comentarios.

Frontend. Principios básicos. Guía de estilo y fundamentos web. v0.2 by Kilian Barrera is licensed under a Creative Commons Reconocimiento-Compartir bajo la misma licencia 3.0 Unported License.
Permissions beyond the scope of this license may be available at http://kilianbarrera.com.