HTML 5

Tout ce qui concerne HTML 5

Ressources externes:

 

Drupal 7 et HTML 5, microdata

Module html5_tools (test sur ex02)

fournit un DOCTYPE "HTML5-compliant", simplifie head, utilise le nouvel element temps de HTML5 (dates pub et commentaires). 
Requis: elements. Tests sur ex02

Conf à admin/config/development/html5-tools
en bas, note: si ne fonctionne pas, vérifier le template.ph du thème utilisé (qui doit overrider)

omega 3 - tests de sous modèles vm

sur vm Ubuntu13, sur version dev gandi.

cv

om3cv

activation context, delta... (voir conf pour omega 3)
admin/appearance/omega-tools/add en 3 étapes: om3cv dans all avec Omega HTML5 Starterkit (si soucis de droit: sudo chmod 777 sites/all/themes/)
activé par défaut, Advanced conf: activer case à cocher "Manipulate the content of om3cv.info" (voir un extrait ci-joint)

install pour omega4 : Ruby

Dans le thème vérifier s'il existe .ruby-gemset et .ruby-version qui indiquent les versions à utiliser. Gems dépend de la version de ssas.
Installer ruby-2.1.4 (1.9.3 min) et bundle. Puis sass et les gems.

Vérifier versions installées: rvm list   ;   bundle show  ;   gem list

et quelques commandes gem

ex css3 et html5

ex page css3 html5<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />

css 3

Mes notes sur css 3 (sur les sélecteurs avancés, mise en forme et positions) voir aussi ma page html 5

Liens externes utiles : caniuse.com  et  normansblog.de - www.w3.org/Style/css3-selectors-updateshttp://html5please.com/

Mémo: Si en html ID, la css # - si class alors style en .

 

fabriquer simplement des bouttons http://css3button.net/

css, theming et autre joli

Des liens vers des outils graphiques sur le web, HTML 5 / CSS 3. Regroupe aussi des notes sur CSS 2 et CSS 3 (définition de balise, propriétés...), cours HTML...

Le thèmes drupal c'est plutot tagué theme drupal. Toutes mes notes taguées "omega" -  Vers les suggestions de templates drupal 7 - adaptative (theme drupal "html5 et css3")

Omega 4 (vm site01)

Omega 4 en /var/www/dru7/sites/site01

  • Ohm
  • MonTO4 créé via drush omega-wizard - logo home page rouge
  • MonO4-v0

    • MonO4-v0.0 - logo fond vert

Omega tools (Omega4)

sudo drush omega-wizard  -> crée sous theme

Omega_tools est intégré à omega 4 => si en omega 4 il faut desinstaller Omega_tools.
Omega_tools 3 est pour Omega 3 (et 2 pour omega 2).

Pages

S'abonner à RSS - HTML 5