
Responsive Theming for Drupal
Mike Crittenden
- Editorial
- O'Reilly
- Año
- 2014
- Páginas
- ~78
- Nivel
- Intermedio
De qué trata
Manual conciso y práctico de Mike Crittenden orientado a la adaptación de sitios web construidos sobre Drupal 7 a dispositivos móviles, tabletas y pantallas de escritorio mediante diseño web responsivo (RWD). Está dirigido a maquetadores, diseñadores web y desarrolladores frontend de nivel intermedio que ya conocen HTML, CSS y la estructura general de temas en Drupal, pero buscan modernizar sus flujos de trabajo hacia una filosofía móvil primero (mobile-first).
La guía detalla los principios de cuadrículas flexibles, medios adaptativos y media queries de CSS3 aplicados a la arquitectura de renderizado de Drupal. Enseña a estructurar las hojas de estilo mediante el preprocesador Sass y el framework Compass, y analiza cómo abordar problemas frecuentes de la web móvil como la reorganización de menús de navegación, el tratamiento de tablas complejas y el servicio de imágenes optimizadas mediante módulos específicos del ecosistema.
A nivel práctico, el autor enseña a configurar y desarrollar subtemas personalizados a partir de los tres temas base (base themes) más influyentes de Drupal 7: Zen, Omega y Aurora, comparando sus filosofías y métodos de trabajo. El libro destaca por su brevedad y enfoque directo al grano, permitiendo al maquetador elegir el punto de partida adecuado según la complejidad del proyecto. Deja fuera la programación de módulos en PHP y la administración del backend, por lo que resulta indispensable tener conocimientos consolidados de CSS y nociones del sistema de plantillas del CMS.
- Drupal 7
- Responsive Web Design
- Sass
- Compass
- Subtemas
- Zen Theme
- Omega Theme
- Aurora Theme
- Media Queries
- Mobile-First
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Subtema adaptativo con Zen
Creación de un subtema fluido utilizando el framework Zen de Drupal 7, organizando hojas de estilo con Sass y definiendo puntos de interrupción para dispositivos móviles y de escritorio.
Subtema móvil-first con Omega
Configuración de un tema adaptativo basado en Omega, combinando sus herramientas de administración gráfica de rejillas con personalizaciones CSS.
Subtema minimalista con Aurora
Desarrollo de un subtema ligero orientado a Compass y Sass que depura el marcado predeterminado de Drupal para ofrecer un diseño limpio y de alto rendimiento.

