Diferencias de tematización entre Drupal 6, 7 y 8

Esta es una lista de algunos de los cambios más notables en Drupal 8 que afectan su tematización.

Más información

1. Drupal 8 genera marcado semántico HTML5 por defecto (ver Iniciativa Drupal 8 HTML5) en comparación con XHTML en Drupal 6 y 7.
2. Además de jQuery v2.x, Drupal 8 ahora incluye más bibliotecas de interfaz como Modernizr, Underscore.js y Backbone.js.
3. El módulo principal RDF en Drupal 8 genera marcado de schema.org.
4. En Drupal 8 se mejora la accesibilidad gracias al uso amplio de atributos WAI-ARIA.
5. Drupal 8 introduce Twig, que reemplaza a PHPTemplate como motor de temas por defecto. Esto significa que las funciones theme_* y los archivos basados en PHP *.tpl.php han sido reemplazados por plantillas *.html.twig.
6. Drupal 8 incluye por defecto funciones que mejoran el rendimiento, como la agregación de CSS y JavaScript.
7. Drupal 8 viene con nuevos elementos de interfaz de usuario que se usan en las pantallas administrativas propias, incluyendo diálogos modales y botones de arrastrar y soltar.
8. Drupal 8 ofrece características responsivas, tales como temas adaptativos, barra de herramientas, imágenes y tablas.
9. En Drupal 6 y 7, para agregar CSS o JS en una página específica, se deben usar las funciones drupal_add_css() y drupal_add_js() respectivamente. Ahora esto se reemplaza por añadir recursos JS / CSS en la propiedad #attached del array de renderizado utilizando librerías.
10. Drupal 8 no soporta IE 6, 7 y 8, lo que permite usar jQuery 2.0 y otro código que asume soporte para navegadores modernos HTML5 / CSS3.
11. Drupal 8 no soporta navegadores que no soportan SVG (incluyendo IE8 y Android Browser 2.3)
12. Drupal 8 contiene menos IDs que el CSS de Drupal 7.
13. La estructura CSS (archivos) de Drupal 8 está basada en SMACSS y BEM.
14. El CSS de Drupal 8 usa pseudo-selectores CSS3.
15. Drupal 8 viene con Classy, un tema base que inyecta clases en el marcado e incluye CSS correspondiente. Esto reemplaza muchas funciones de preprocesamiento y archivos CSS que antes estaban incluidos en los módulos principales.
16. Drupal 8 mueve las clases CSS desde las funciones de preprocesamiento a las plantillas Twig.
17. Drupal 8 utiliza media queries breakpoint para controlar la apariencia del sitio en diferentes dispositivos.

Cambios en las clases CSS entre D7 y D8

Menús

D7:

• Actualización de temas 7.x a 8.x
• Notificación de cambios para desarrolladores de temas
• Guía de tematización Drupal 8 de Sqndr
• Guía definitiva de Drupal 8: Episodio 5 - Mejoras front-end para desarrolladores

.menu li.expanded
.menu li.collapsed
.menu li.leaf
.menu li.active-trail
.menu li.first
.menu li.last

D8:

.menu-item--expanded
.menu-item--collapsed
.menu-item--active-trail
.menu-item:first-child
.menu-item:last-child

.menu-item--leaf se usaba raramente, por lo que fue eliminado. Se puede volver a agregar. @ ver ejemplo https://www.drupal.org/node/2425691#comment-9629101
@todo reemplazar con un enlace en esta documentación.