English
EspañolDrupal 7 - Unidad 70 - Theming con Sass en Drupal (PDF)
Tras años de usar, customizar, mezclar y estudiar a fondo muchos Themes, se creó Brutus (http://brutus-theme.com/), un theme basado en Sass que partía de unas características básicas de los Themes estudiados anteriormente. Siguiendo las especificaciones de Drupal pero utilizando Sass, se agilizaba de forma considerable el inicio en la parte del Theme a la hora de empezar de cero en el desarrollo de un nuevo proyecto. Estas características constan de las soluciones obtenidas de problemas encontrados anteriormente en el desarrollo de Themes para diferentes proyectos, y la gran idea de utilizar SASS a la hora de escribir el CSS.
Aunque Brutus theme aún no ha sido publicado en el repositorio de temas de Drupal, nos servirá como ejemplo y fuente de estudio para esta unidad.
La definición de Sass es la siguiente: hoja de estilo sintácticamente impresionante. Esta definición puede resultar un poco impactante al hablar de “impresionante”, pero veremos que sin duda se merece ese adjetivo.
¿Qué es Sass?
Sass es un meta-lenguaje en la parte superior del CSS que se utiliza para describir el estilo de un documento de manera limpia y estructural.
¿Qué ganamos con Sass?
Dar potencia a nuestro Theme, y ayuda para agilizar el desarrollo.
Sobre el autor: Neftalí Guerrero Pancorbo (Nesta)
Nesta es un entusiasta del software libre y participa activamente en la comunidad de Drupal compartiendo conocimiento y experiencia.
Es Responsable Frontend Developer en Emergya, lo que le ha permitido especializarse en theming, usabilidad y accesibilidad en Drupal. Entre otras, realiza en Emergya tareas de análisis del diseño y wireframes; generación del esqueleto y el theme a usar según las necesidades de cada proyecto; aplicación de la guía de estilo y componentes; validaciones WCAG2-AAA WAI-ARIA.
Si quieres conocer más sobre Nesta Guerrero puedes visitar su perfil en linkedin. No olvides visitar también la web de Brutus theme, un tema desarrollado con Sass que se ha utilizado como base para escribir esta unidad.
Twitter de Nesta: @Nesta_
Unit contents:
- 70.1 Introducción a Sass
- 70.2 Sintaxis de Sass y diferencias con CSS
- 70.3 Sass en Drupal
- 70.4 Posibles configuraciones
- 70.5 Preparación del Theme para trabajar con Sass y componentes
- 70.6 Creación y uso de Componentes Sass
- 70.7 Comparativa de Sass con Less
- 70.8 Referencias y ampliación de Sass
Format eBook:
- PDF sin DRM
- Se puede imprimir
- Se puede copiar texto
- Licencia individual