Review 2-ui\1-document\09-size-and-scroll

Author: marcellosurdi

2-ui/1-document/09-size-and-scroll/1-get-scroll-height-bottom/task.md

@@ -4,7 +4,7 @@ importance: 5
 
 # Qual è la misura dello scorrimento verso il basso?
 
-La proprietà `elem.scrollTop` è la misura della parte superiore di un elemento fuori dall'area visibile di scorrimento. Come ottenere la misura della parte inferiore (chiamiamola `scrollBottom`)?
+La proprietà `elem.scrollTop` è la misura della parte superiore di un elemento fuori dall'area di scorrimento. Come ottenere la misura della parte inferiore (chiamiamola `scrollBottom`)?
 
 Scrivete il codice che funzioni per un elemento arbitrario `elem`.
 

2-ui/1-document/09-size-and-scroll/4-put-ball-in-center/solution.md

@@ -4,7 +4,7 @@ Le coordinate sono a partire dall'angolo interno superiore sinistro del campo:
 
 ![](field.svg)
 
-Le dimensioni interne del campo si calcolano con `clientWidth/clientHeight`. I valori delle coordinate del centro del campo quindi si ottengono con `(clientWidth/2, clientHeight/2)`.
+Le dimensioni interne del campo si calcolano con `clientWidth/clientHeight`. I valori delle coordinate del centro del campo, quindi, si ottengono con `(clientWidth/2, clientHeight/2)`.
 
 ...Ma se impostiamo tali valori per `ball.style.left/top`, allora si troverebbe al centro non la palla ma il suo bordo superiore sinistro
 

2-ui/1-document/09-size-and-scroll/article.md

@@ -1,12 +1,12 @@
 # Dimensioni dell'elemento e barra di scorrimento
 
-Ci sono molte proprietà JavaScript che ci consentono di leggere informazioni circa la larghezza, l'altezza di un elemento e le altre caratteristiche geometriche.
+Ci sono molte proprietà JavaScript che ci consentono di leggere informazioni circa la larghezza, l'altezza di un elemento e le altre proprietà geometriche.
 
 Spesso ne abbiamo bisogno quando spostiamo o posizioniamo gli elementi in JavaScript.
 
 ## Esempio dimostrativo
 
-Useremo l'elemento indicato a seguire quale esempio di tali proprietà:
+Useremo l'elemento indicato sotto quale esempio di tali proprietà:
 
 ```html no-beautify
 <div id="example">
@@ -32,7 +32,7 @@ L'elemento si presenta così:
 Potete [visualizzare il documento nella sandbox](sandbox:metric).
 
 ```smart header="Prestate attenzione alla barra di scorrimento"
-L'immagine sopra rappresenta il caso più complesso in cui l'elemento ha una barra di scorrimento. Alcuni browser (non tutti) ricavano lo spazio per la barra prendendolo dall'area del contenuto (indicata sopra come "content width").
+L'immagine sopra rappresenta il caso più complesso in cui l'elemento possiede una barra di scorrimento. Alcuni browser (non tutti) ricavano lo spazio per la barra prendendolo dall'area del contenuto (indicata sopra come "content width").
 
 Senza la barra di scorrimento, pertanto, l'area del contenuto sarebbe `300px`, ma se la barra di scorrimento è larga `16px` (la larghezza è variabile in base al dispositivo ed al browser) allora rimane soltanto `300 - 16 = 284px`, ed è questa la misura che dovremmo tenere in considerazione. Ecco perché gli esempi di questo capitolo presumono che ci sia una barra di scorrimento. Senza questa, alcuni calcoli sono più semplici.
 ```
@@ -166,7 +166,7 @@ In assenza di padding, dunque, possiamo usare `clientWidth/clientHeight` per ric
 
 ## scrollWidth/Height
 
-Queste proprietà sono come `clientWidth/clientHeight`, ma includono anche le parti fuori dall'area visibile di scorrimento (non visibili):
+Queste proprietà sono come `clientWidth/clientHeight`, ma includono anche le parti (non visibili) fuori dall'area di scorrimento:
 
 ![](metric-scroll-width-height.svg)
 
@@ -231,7 +231,7 @@ alert( getComputedStyle(elem).width ); // mostra la larghezza CSS per elem
 Perché invece dovremmo usare le proprietà geometriche? Ci sono due ragioni:
 
 1. La prima, le proprietà CSS `width/height` dipendono da un'altra proprietà: `box-sizing` che definisce "cosa siano" la larghezza e l'altezza CSS. Una modifica in `box-sizing` per scopi riguardanti i CSS possono rompere un JavaScript che fa affidamento su questa.
-2. La seconda, le proprietà CSS `width/height` possono valere `auto`, per esempio per un elemento inline:
+2. La seconda, le proprietà CSS `width/height` possono valere `auto`, ad esempio per un elemento inline:
 
     ```html run
     <span id="elem">Hello!</span>
@@ -247,7 +247,7 @@ Perché invece dovremmo usare le proprietà geometriche? Ci sono due ragioni:
 
 Ma c'è un'altra ragione: la barra di scorrimento. Talvolta un codice che funziona bene senza barra di scorrimento, con questa diventa difettoso, perché la barra di scorrimento su alcuni browser ricava il suo spazio dall'area del contenuto. La larghezza effettiva per il contenuto, dunque, è *minore* della larghezza CSS e `clientWidth/clientHeight` ne tengono conto.
 
-...Ma con `getComputedStyle(elem).width` la situazione è differente. Alcuni browser (es. Chrome) restituiscono la larghezza interna effettiva, meno la barra di scorrimento, mentre altri (es. Firefox) la larghezza CSS (ignorando la barra di scorrimento). Queste diversità cross-browser costituiscono il motivo per il quale non usare `getComputedStyle` ma piuttosto fare affidamento sulle proprietà geometriche.
+...Ma con `getComputedStyle(elem).width` la situazione è differente. Alcuni browser (es. Chrome) restituiscono la larghezza interna effettiva, meno la barra di scorrimento, mentre altri (es. Firefox) la larghezza CSS (ignorando la barra di scorrimento). Queste inconsistenze cross-browser costituiscono il motivo per il quale non usare `getComputedStyle` ma piuttosto fare affidamento sulle proprietà geometriche.
 
 ```online
 Se il tuo browser ricava lo spazio per la barra di scorrimento dall'area del contenuto (la maggior parte dei browser per Windows lo fa), allora puoi testarlo qui di seguito.