Si necesitas aplicar el sistema de diseño de la Junta de Andalucía a un interfaz web, tienes dos alternativas básicas que te pueden ayudar a ser más productivo:
- Partir de un arquetipo de sitio web o aplicación web que ya tenga el sistema de diseño aplicado.
- Partir del tema bootstrap de la Junta de Andalucía e integrarlo en tu desarrollo.
Tema bootstrap de la Junta de Andalucía
El tema bootstrap de la Junta de Andalucía recoge un código CSS y javascript que implementa el Sistema de diseño.
Puedes descargarlo en el siguiente proyecto del repositorio gitlab de la Junta de Andalucía:
- Tema bootstrap de la Junta de Andalucía en gitlab (con autenticación, solo accesible desde RCJA).
El desarrollo está basado en bootstrap, un framework CSS muy popular que facilita el desarrollo front-end de interfaces web responsivas.
Ficheros fuente Sass
Además del código CSS y JS ajustado al Sistema de diseño, dentro del proyecto gitlab puedes encontrar los ficheros fuente en formato Sass a partir de los cuales se genera la hoja de estilos.
Sass es un preprocesador CSS que facilita la generación automática de hojas de estilo. Sass aporta a los creadores de hojas de estilo la posibilidad de utilizar características propias de los lenguajes de programación, como pueden ser variables, funciones, cálculos...
En definitiva, gracias al uso de Sass la hoja de estilos asociada al sistema de diseño de la Junta de Andalucía es más fácil de mantener y más reutilizable. Si lo necesita, un proyecto de desarrollo puede generar su hoja de estilos incluyendo únicamente las partes del diseño general que necesita, y con la garantía de cumplir el Sistema de diseño.
En la wiki del proyecto hay instrucciones detalladas sobre cómo instalar el preprocesador Sass, obtener los archivos fuente de la Junta de Andalucía y compilar la hoja de estilos.