Html 5 + jsf

Pessoal eu preciso de um material que fale da utilização do JSF 2.0 com HTML 5. Ja procurei no google mas encontro muitos materiais falando apenas do PrimeFaces com HTML 5 e isto não me interessa sinceramente.

Pode atualizar pro JSF 2.2? Com ele é bem fácil.
Pode ser usando o namespace:

<html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:pt="http://java.sun.com/jsf/passthrough"> // <= esse aqui ó
   <h:form>
       <h:inputText value="#{bean.mensagem}" pt:placeholder="Digite qualquer coisa"/>
   </h:form>
...

ou usando f:passThroughAttribute:

<html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:f="http://java.sun.com/jsf/core">
   <h:form>
       <h:inputText value="#{bean.mensagem}" >
           <f:passThroughAttribute name="placeholder" value="Digite qualquer coisa" />
       </h:outputText>
   </h:form> 

[quote=ErickRAR]Pode atualizar pro JSF 2.2? Com ele é bem fácil.
Pode ser usando o namespace:

<html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:pt="http://java.sun.com/jsf/passthrough"> // <= esse aqui ó
   <h:form>
       <h:inputText value="#{bean.mensagem}" pt:placeholder="Digite qualquer coisa"/>
   </h:form>
...

ou usando f:passThroughAttribute:

[code]

[/code][/quote]

Algum tutorial mais abrangente?

Mais do que isso é dificil, até porque é simplesmente isso.
no primeiro exemplo você utiliza pt:atributoDoHtml5. No segundo você passa os atributos que quer que sejam criados dentro do elemento, permitindo assim usar atributos do html5.

Para as tags, você pode utiliza-las normalmente.

<video width="320" height="240" controls>
   <source src="#{caminhoProVideo}" type="video/mp4">
 </video>

Aqui tem um com um tutorialzinho praticamente igual:

Olá,

Apenas para complementar o assunto sobre como trabalhar com HTML5 e JSF 2.2: http://blog.triadworks.com.br/suporte-a-html5-com-jsf-2-2

Espero que ajude!