Merge pull request #309 from longo-andrea/review/focus-blur

Review Focusing: focus/blur

Author: longo-andrea

2-ui/4-forms-controls/2-focus-blur/3-editable-div/solution.view/my.css

@@ -14,12 +14,12 @@
 }
 
 .edit {
-  /* replace padding with border (still 3px not to shift the contents) */
+  /* rimpiazziamo il padding con il bordo (sempre di 3px per non spostare il contenuto) */
   border: 3px solid blue;
   padding: 0px;
 }
 
 .edit:focus {
-  /* remove focus border in Safari */
+  /* rimuoviamo il bordo al focus in Safari */
   outline: none;
 }

2-ui/4-forms-controls/2-focus-blur/3-editable-div/source.view/index.html

@@ -18,9 +18,9 @@
   <div id="view" class="view">Text</div>
 
   <script>
-    // ...your code...
-    // Note: <textarea> should have class="edit"
-    // my.css has styles to make it the same size as div
+    // ...il vostro codice...
+    // Nota: <textarea> dovrebbe avere class="edit"
+    // my.css contiene lo stile per renderla delle stessa dimensione del div
   </script>
 
 </body>

2-ui/4-forms-controls/2-focus-blur/3-editable-div/source.view/my.css

@@ -14,12 +14,12 @@
 }
 
 .edit {
-  /* replace padding with border (still 3px not to shift the contents) */
+  /* rimpiazziamo il padding con il bordo (sempre di 3px per non spostare il contenuto) */
   border: 3px solid blue;
   padding: 0px;
 }
 
 .edit:focus {
-  /* remove focus border in Safari */
+  /* rimuoviamo il bordo al focus in Safari */
   outline: none;
 }

2-ui/4-forms-controls/2-focus-blur/3-editable-div/task.md

@@ -4,7 +4,7 @@ importance: 5
 
 # Div modificabile
 
-Creare un `<div>` che diventa una `<textarea>` al click.
+Create un `<div>` che diventa una `<textarea>` al click.
 
 La textarea permette di modificare l'HTML nel div `<div>`.
 

2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/bagua.css

@@ -1,4 +1,4 @@
-/* common styles for the table, no need to modify these */
+/* stili comuni per la tabella, non c'è alcun bisogno di modificarli */
 
 th {
   text-align: center;

2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/my.css

@@ -4,13 +4,13 @@
   padding: 0;
   display: block;
 
-  /* remove resizing handle in Firefox */
+  /* rimuoviamo il gestore di resize in Firefox */
   resize: none;
 
-  /* remove outline on focus in Chrome */
+  /* rimuoviamo l'outline al focus in Chrome */
   outline: none;
 
-  /* remove scrollbar in IE */
+  /* rimuoviamo la scrollbar in IE */
   overflow: auto;
 }
 

2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/source.view/bagua.css

@@ -1,4 +1,4 @@
-/* common styles for the table, no need to modify these */
+/* stili comuni per la tabella, non c'è bisogno di modificarli */
 
 th {
   text-align: center;

2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/source.view/my.css

@@ -1 +1 @@
-/* your styles */
+/* il vostrto stile */

2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/task.md

@@ -4,7 +4,7 @@ importance: 5
 
 # Modificare un TD al click
 
-Rendere le celle della tabella modificabili al click.
+Rendete le celle della tabella modificabili al click.
 
 - Al click -- la cella dovrebbe diventare "modificabile" (compare una textarea al suo interno), e possiamo modificarne l'HTML. Non dovrebbe essere possibile il ridimensionamento, tutte le geometrie dovrebbero rimanere intatte.
 - I pulsanti OK e CANCEL devono apparire sotto la cella per completare/cancel la modifica.

2-ui/4-forms-controls/2-focus-blur/5-keyboard-mouse/source.view/index.html

@@ -34,7 +34,7 @@
 
 
   <script>
-    // ...your code...
+    // ...il vostro codice...
   </script>
 
 </body>