SCSS

pour zen 7.x-5.5 http://zengrids.com/  et http://zengrids.com/help/

ex d'utilisation (source: slideshow p12)

Compass utilise le langage de feuille de style sass. Plus sur sass http://sass-lang.com/guide
RWD (Responsive web design) https://www.drupal.org/node/1388492

Source: http://fr.slideshare.net/ucbdrupal/bdug-responsive-webtheming20120723

CSS3 étend les fonctions des requètes médias (media queries):

• vérification des fonctions (d'un média particulier) comme largeur, hauteur et couleur (width, height, color)
• styles sur mesure pour des devices

règle @import : par ex   @import url(style480min.css) screen and (min-width: 480px);

Update : depuis le 1er décembre, la version officielle pour dupal 7 est Zen 7.x-5.6. Pas de maj de la db à faire (update.php). Ne pas oublier de copier les modifs faites sur starterkit.

Zen 7x-5.5 a shiv HTML 5 inclus et responsive. Avec Fences (qui semble peu maintenu) il est plus facile de thémer les champs Fields et avoir du HTML 5 sémantique.

Source: http://www.symphonythemes.com/drupal-blog/5-best-drupal-slideshows
Diverses solutions:

flex slider

https://www.drupal.org/project/flexslider

Pour utilisation de la partie "drupal" du plugin de Firefox (ou celui de Chrome), il faut installer ce module sur le site drupal.

Installer avec drush drush @sitet dl drupalforfirebug && drush @sitet en drupalforfirebug

Les 2 perms, Access et Execute Firebug PHP sont à admin/people/permissions#module-drupalforfirebug

En PJ: les 2 css globales ie pour toute taille de device (non "responsive"):  global.styles.css (a bp de selecteurs vides donc soit en effacer soit utiliser SASS) et global.base.css (inclus normalize.css ainsi que d'autres classes et styles de base (alignement des containeur par défaut, images flexibles..)).

Responsive ou Adaptive?

Ce thème fait les 2. Selon le choix de l'unité (% px ou em) pour la largeur de la page:

• Si en % alors on aura un layout responsive fluide - c'est la valeur par défaut du thème adaptive.
• Si en px ou em, alors le layout sera adaptive mais non fluide et passera brusquement d'un affichage à l'autre (selon la largeur de la page)

Les sidebar peuvent avoir des largeurs en px.

Firebug est un plugin pour firefox, semblable à web developper ou DragonFly (intégré à opera). F12 pour l'afficher.