You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
# Mi terrario: un proyecto para aprender sobre la manipulación de HTML, CSS y DOM usando JavaScript 🌵🌱
|
|
|
|
|
|
|
|
|
|
|
|
Una pequeña meditación de código de arrastrar y soltar. Con un poco de HTML, JS y CSS, puede crear una interfaz web, darle estilo y agregar una interacción.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
# Lessons
|
|
|
|
|
|
|
|
|
|
|
|
1. [Introducción a CSS](./intro-to-css/README.md)
|
|
|
|
|
|
2. [Introducción a HTML](./intro-to-html/README.md)
|
|
|
|
|
|
3. [Introducción a DOM y JS Closures](intro-to-DOM-and-js-closures/README.md)
|
|
|
|
|
|
|
|
|
|
|
|
## Créditos
|
|
|
|
|
|
|
|
|
|
|
|
Escrito con ♥ ️ por [Jen Looper](https://www.twitter.com/jenlooper)
|
|
|
|
|
|
|
|
|
|
|
|
El terrario creado a través de CSS se inspiró en el frasco de vidrio [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY) de Jakub Mandra.
|
|
|
|
|
|
|
|
|
|
|
|
La obra de arte fue dibujada a mano por [Jen Looper](http://jenlooper.com) usando Procreate.
|
|
|
|
|
|
|
|
|
|
|
|
La solución para elementos arrastrables se inspiró en la solución de w3schools para crear un [Elemento HTML arrastrable](https://www.w3schools.com/howto/howto_js_draggable.asp).
|
|
|
|
|
|
|
|
|
|
|
|
Encuentre más información sobre eventos de punteros en los [documentos del W3C](https://www.w3.org/TR/pointerevents1/) y en los [documentos web de MDN](https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events).
|
|
|
|
|
|
|
|
|
|
|
|
Siempre verifique las capacidades del navegador usando [CanIUse.com](https://caniuse.com/).
|
|
|
|
|
|
|
|
|
|
|
|
Obtenga más información sobre cómo crear sitios para la Web y dispositivos móviles en [Microsoft Learn](https://docs.microsoft.com/learn/modules/build-simple-website/?WT.mc_id=webdev101-github-jelooper).
|
