HTML5/960 grid

Explication du sujet

Avec la venue de HTML5, de l'utilisation grandissante de la navigation web sur des mobiles, comment s'assurer d'avoir un site qui réagit bien (960 grid) et qui offre toutes les nouvelles fonctionnalités de HTML5.

Solutions en général

À documenter

Solutions avec Drupal

TOUT sur OMEGA

• La page de référence du thème OMEGA sur le site de Drupal : http://drupal.org/project/omega
• Pour en savoir plus sur GRID 960 qui permet de découper la page en colonne : http://960.gs/
• Le site du développeur de OMEGA : http://omega.developmentgeeks.com/
• Documentation sur le site officiel de Drupal : http://drupal.org/node/819164
• Configurer les medias query : http://mydrupaljourney.com/articles/2011/06/24/omegas-grid-layout-settings
• Comprendre le chargement des différents fichiers CSS : http://mydrupaljourney.com/articles/2011/06/30/omega-starterkit-css-files
• Graphique des zones et des régions : http://groups.drupal.org/node/158564 et http://www.radarearth.com/content/beginning-drupal-7-theming-omega
• Module Delta pour construire des thèmes alternatifs (ex : page d'accueil et page de deuxième niveau) : http://drupal.org/project/delta
  • Fonctionne de pair avec le module Context : http://drupal.org/project/context
  • L'activation des blocs Delta se fait en passant par Configuration > Interface utilisateur > Blocs delta (admin/config/user-interface/delta-blocks)
• Le module OMEGA Tools permet de créer un sous-thème via Drush ou depuis l'interface de votre site : http://drupal.org/project/omega_tools

CSS

• CSS3 please pour appliquer du CSS3 compatible pour tous les navigateurs : http://css3please.com/
• CSS3 Pie pour émuler du CSS3 grâce à une librairie Javascript pour tous les navigateurs dont IE : http://css3pie.com/
• Créer des exceptions pour IE avec OMEGA : http://drupal.org/node/1263750

Source (wiki écrit par un des participants du meetup) :
http://wiki.ckiafm.org/Drupal10janvier2012