TL:DR; Se aprende haciendo: aquí tienes la descripción de un pequeño (pero realista) proyecto.

div.dettached p {
visibility : hidden;
}
div.dettached audio {
position : fixed;
top: 0;
left: 0;
}




✣ (expandir)
RSS para podcatcher


alojado en archive.org



(function() {
document
.querySelectorAll('.dettacher')
.forEach(elem = elem.onclick = function() {
var div = this.parentElement.parentElement;
div.className += ' dettached'
});
})();

¿Qué vamos a hacer? Primero voy a ponerme distintos gorritos para ir presentándote un proyecto. Lógicamente es una caricatura (espero que seas indulgente con los detalles) pero tendrá la suficiente complejidad como para que vayamos practicando los patrones de los que quiero hablar.