Review 2-ui\1-document\11-coordinates

Author: marcellosurdi

2-ui/1-document/11-coordinates/1-find-point-coordinates/task.md

@@ -8,7 +8,7 @@ Nell'iframe sotto potete osservare un documento con un "campo" verde.
 
 Usate JavaScript per trovare le coordinate relative alla finestra degli angoli indicati dalle frecce.
 
-Per comodità è stata implementata una semplice funzionalità nel documento: un click in un punto qualsiasi mostra le coordinate.
+Per comodità è stata implementata una semplice funzionalità nel documento: un click in un punto qualsiasi mostrerà le coordinate.
 
 [iframe border=1 height=360 src="source" link edit]
 

2-ui/1-document/11-coordinates/2-position-at/task.md

@@ -11,7 +11,7 @@ Il parametro `position` deve essere una stringa con uno dei 3 valori seguenti:
 - `"right"` - posiziona `elem` subito a destra di `anchor`
 - `"bottom"` - posiziona `elem` esattamente sotto `anchor`
 
-Il codice che scriverete viene richiamato dalla funzione `showNote(anchor, position, html)`, che trovate nel codice sorgente dell'esercizio e che crea una nota con l'`html` passato come parametro e lo mostra nella `position` assegnata vicino all'elemento `anchor`.
+Il codice che scriverete viene richiamato dalla funzione `showNote(anchor, position, html)`, che trovate nel codice sorgente dell'esercizio e che crea una nota con l'`html` passato come parametro e lo mostra nella posizione assegnata `position` vicino all'elemento `anchor`.
 
 Ecco un esempio:
 

2-ui/1-document/11-coordinates/4-position-inside-absolute/task.md

@@ -2,27 +2,27 @@ importance: 5
 
 ---
 
-# Position the note inside (position:absolute)
+# Posizionate la nota all'interno (position:absolute)
 
-Extend the previous task <info:task/position-at-absolute>: teach the function  `positionAt(anchor, position, elem)` to insert `elem` inside the `anchor`.
+Estendete l'esercizio precedente <info:task/position-at-absolute>: fate in modo che la funzione `positionAt(anchor, position, elem)` inserisca `elem` all'interno di `anchor`.
 
-New values for `position`:
+Nuovi valori per `position`:
 
-- `top-out`, `right-out`, `bottom-out` -- work the same as before, they insert the `elem` over/right/under `anchor`.
-- `top-in`, `right-in`, `bottom-in` -- insert `elem` inside the `anchor`: stick it to the upper/right/bottom edge.
+- `top-out`, `right-out`, `bottom-out` -- funzionano come prima, inseriscono `elem` sopra/a destra/sotto `anchor`.
+- `top-in`, `right-in`, `bottom-in` -- inseriscono `elem` all'interno di `anchor`: posizionandolo nel bordo superiore/a destra/inferiore.
 
-For instance:
+Per esempio:
 
 ```js
-// shows the note above blockquote
+// mostra la nota sopra blockquote
 positionAt(blockquote, "top-out", note);
 
-// shows the note inside blockquote, at the top
+// mostra la nota all'interno di blockquote, nel bordo superiore
 positionAt(blockquote, "top-in", note);
 ```
 
-The result:
+Ecco il risultato:
 
 [iframe src="solution" height="310" border="1" link]
 
-As the source code, take the solution of the task <info:task/position-at-absolute>.
+Prendete la soluzione dell'esercizio <info:task/position-at-absolute> come codice sorgente.

2-ui/1-document/11-coordinates/article.md

@@ -1,6 +1,6 @@
 # Coordinate
 
-Per spostare gli elementi dovremmo conoscere bene le coordinate.
+Per spostare gli elementi dovremmo avere familiarità con le coordinate.
 
 La gran parte dei metodi JavaScript ha a che fare con uno di questi due sistemi di coordinate:
 
@@ -156,7 +156,7 @@ let elem = document.getElementById("coords-show-mark");
 function createMessageUnder(elem, html) {
   // crea l'elemento messaggio
   let message = document.createElement('div');
-  // per assegnare degli stili è preferibile usare una classe CSS
+  // per assegnare degli stili sarebbe preferibile usare una classe CSS
   message.style.cssText = "position:fixed; color: red";
 
 *!*
@@ -185,7 +185,7 @@ Clicca il pulsante per eseguire:
 <button id="coords-show-mark">Pulsante con id="coords-show-mark", il messaggio apparirà sotto</button>
 ```
 
-Il codice può essere modificato per mostrare il messaggio a sinistra, a destra, sopra, per applicare animazioni CSS di dissolvenza e così via. Dal momento che disponiamo di tutte le coordinate e dimensioni dell'elemento è piuttosto semplice.
+Il codice può essere modificato per mostrare il messaggio a sinistra, a destra, sopra, per applicare animazioni CSS di dissolvenza e così via. Dal momento che disponiamo di tutte le coordinate e dimensioni dell'elemento, è piuttosto semplice.
 
 Fate attenzione, tuttavia, ad un dettaglio importante: quando la pagina scorre, il pulsante si allontana dal messaggio.