Tutoriales para maquetar en html5.

hola amigos domestikos, me gustaría tener algunos tutoriales de como aprender a enmaquetar en html5.

No puedo creer como se enmaqueta en estos tiempo, antes del photoshop uno sacaba una platilla y midiendo y poniendo los valores en html se tenia una buena maquetacion con los mismo valores del psd de hecho traia una herramienta llamada SLIDE TOOL que ayudaba a recortar pero veo que ahora se enmaqueta con header div section article y se pone lso valores de ancho y de alto en css, bueno me gustarai tener una buena idea de como eso. si se pone los mismo valores que en el psd midiendo y poniedno los valores en css la verdad necesito un buen tutorial. alguien me recomienda uno de donde aprendio.