Umar Hansa
En esencia, son operaciones de cortar, copiar y pegar.
Puedes cambiar fácilmente el DOM sin tener que editar el HTML como una cadena gigante.
- Haz clic con el botón derecho en un nodo y selecciona Copiar.
- Puedes pegarlo en el editor de código o, para el prototipado, puedes pegar el nodo del DOM en otra parte del árbol del DOM. El nodo pegado se inserta como un elemento secundario del nodo seleccionado actualmente. En el video, uso la flecha hacia la izquierda para ir a la etiqueta de apertura superior inmediata y pegarla allí (que es lo que hago en la mayoría de los casos).
También puedes cortar (clic derecho > Cortar, Cmd + x/Ctrl + x) un nodo del DOM y pegar, lo que tiene el efecto de mover el nodo.
Experimento: Intenta agregar más vínculos en el encabezado o el pie de página de un sitio con esta técnica de copiar y pegar, y descubre en qué punto debe mejorar el diseño.