theme drupal

Vocabulaire Google pour les sites "mobile":

mobile fait référence aux smartphones, et non aux tablettes ou aux téléphones traditionnels => smartphones Android, iPhone ou Windows Phone (affichent une partie de HTML5).
Tablettes appareils à part (qd ils parlent de mobile, ils excluent en général les tablettes).
Téléphones multimédias : avec navigateur XHTML, HTML5 (basique) et js => en général téléphones 3G qui ne sont pas des smartphones
Téléphones traditionnels : cHTML (iMode), WML, XHTML-MP...

https://www.drupal.org/project/ckeditor_widgets pour drupal 7 seul

https://www.drupal.org/project/themekey et doc à https://www.drupal.org/node/2135427
pour drupal 6 (6.x-4.1 2013-Nov) et 7 (7.x-3.3 du 2015-Feb). Une v8 est en dev.

http://snugug.github.io/Aurora/ est la doc officielle et sur drupal c'est à https://www.drupal.org/project/aurora
Liste d'autres modules pour compléter Aurora à http://snugug.github.io/Aurora/modules/
Les sous-thèmes Aurora sont générés via http://yeoman.io/ (il faut avoir installé node.js -> voir https://www.drupal.org/project/aurora)

Plan:
1. install (gem install compass-aurora  + magic + HTML 5 Tools + dl le thème)
2. créer son sous-thème et configurer config.rb (mettre en debug = true)
3. check gems requises avec un   bundle exec compass watch

Un ex simple de media query (ex dégradation progressive)

Ici, on part d'un site construit pour les écrans larges, puis on va le modifier pour les tablettes puis pour les smartphones (habituellement, on fait l'inverse).

On veux créer une CSS qui ne soit utilisée que dans une seule résolution d'écran: c'est une media query.
Le code CSS suivant sera ok sur un large écran, mais pas sur un smartphone.

Source : "Responsive Theming for Drupal" by Mike Crittenden (O’Reilly). Copyright 2014 Mike Crittenden, 978-1-449-37331-3.
 http://oreil.ly/responsive-drupal

responsive web design (RWD). Zen, Omega, & Aurora

Bootstrap Social Sharing Buttons

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

pour drupal 7 seul

https://www.drupal.org/project/bootstrap et doc à https://www.drupal.org/node/1976938 et http://drupal-bootstrap.org

Requiert JQuery (via le module jQuery Update ).  Pour  Bootstrap 3 (7.x-3.x): jQuery - 1.9.0+