Guia de estilo

[Dídac Rios]

Hola a todos,

Estoy preparando una guía de estilo web para que nuestros diseñadores tengan un poco de coherencia y orden a la hora de diseñar páginas y no sean tan anarquicos, así a la hora de maquetar, volvernos menos locos.

De momento tengo para que definan pues algo general, teniendo en cuenta que cada proyecto se le pueden añadir o quitar cosas

• texto general (html, body)
  
• De los diferentes headers (h1, h2 ...)
  
• Enlaces (a)
  
• Formularios (elementos y estructura)
• Imágenes en artículos (espacio con el texto, alineaciones)
• Fechas (formatos)
• Iconos (tamaños)
• Retículas (grids)
• Menus de navegacion (nav)
• Botones (call to action)

Tampoco quiero hacer algo extenso, sino, muy muy básico.

Algunas referencias que he utilizado han sido:

http://static.bbci.co.uk/gel/0.2.14/downloads/GEL_web_styleguide.pdf

La cuestión es a ver si alguien tiene alguna recomendación o tiene alguna que otra guía para compartir ya que quiero ver si me dejo alguna cosa.

Saludos

[Ivan Pla]

Solos un consejo... si no estáis empleando algún preprocesador de estilos, sass o less te ayudaran a mantener una estructura de tus hojas de estilos con todos los elementos que necesites claramente diferenciados, al estilo de lo que hace bootstrap o foundation, pero adaptado a las necesidades de tu proyecto. Al final, te resultará mucho más fácil de mantener, actualizar, gestionar y hasta para realizar tests a/b por ejemplo.

Ejemplos:

https://github.com/twitter/bootstrap/tree/master/less

https://github.com/zurb/foundation/tree/master/scss

--
Has recibido este mensaje porque estás suscrito al grupo "Frontend Spain" de Grupos de Google.
Para anular la suscripción a este grupo y dejar de recibir sus correos electrónicos, envía un correo electrónico a frontend-spai...@googlegroups.com.
Para publicar una entrada en este grupo, envía un correo electrónico a fronten...@googlegroups.com.
Visita este grupo en http://groups.google.com/group/frontend-spain?hl=es.
Para obtener más opciones, visita https://groups.google.com/groups/opt_out.
 
 

[Marta Armada]

Aquí tienes una buena colección de style guides: https://gimmebar.com/collection/4ecd439c2f0aaad734000022/front-end-styleguides

Saludos,

-- 
Marta Armada

@martuishere
www.swwweet.com

[Dídac Rios]

Actualmente uso SASS, algun proyecto queda en LESS, pero ya son proyectos "muertos" que no vale la pena hacer el cambio.

Precisamente buscava algo como lo que pasó Marta.

Gràcias!

2013/2/26 Marta Armada <marta....@gmail.com>

--
Dídac Rios

[Nahuel Sotelo]

Aprovecho el hilo sobre guías de estilo para preguntar, ¿Alguien ha usado algun generador automatico de guías de estilo como Styledocco (http://jacobrask.github.com/styledocco/) o KSS (http://warpspire.com/kss/styleguides/)? ¿Qué tal van?

Llevo tiempo queriendo probar alguno pero aún no me he puesto. Tengo mis dudas si para funcionar tendrás que tener el css organizado de alguna manera concreta.

Saludos!

[Oriol Torras]

Yo también estoy interesado en saber si alguien ha usado KSS, estuve mirandolo por encima y me pareció bastante difícil de configurar, aunque estéticamente y funcionalmente me gustó más que styledocco. Si alguien lo ha usado que nos cuente si vale la pena invertir tiempo en implementarlo.

Vamos!!

2013/2/26 Nahuel Sotelo <nahuel...@gmail.com>

Aprovecho el hilo sobre guías de estilo para preguntar, ¿Alguien ha usado algun generador automatico de guías de estilo como Styledocco (http://jacobrask.github.com/styledocco/) o KSS (http://warpspire.com/kss/styleguides/)? ¿Qué tal van?

Llevo tiempo queriendo probar alguno pero aún no me he puesto. Tengo mis dudas si para funcionar tendrás que tener el css organizado de alguna manera concreta.

Saludos!

--

Has recibido este mensaje porque estás suscrito al grupo "Frontend Spain" de Grupos de Google.
Para anular la suscripción a este grupo y dejar de recibir sus correos electrónicos, envía un correo electrónico a frontend-spai...@googlegroups.com.
Para publicar una entrada en este grupo, envía un correo electrónico a fronten...@googlegroups.com.
Visita este grupo en http://groups.google.com/group/frontend-spain?hl=es.
Para obtener más opciones, visita https://groups.google.com/groups/opt_out.
 
 

--

Oriol Torras

orioltorras.com

@uriusfurius

github.com/otorras

LinkedIn