Merge pull request #272 from marcellosurdi/article/styles-and-classes-

Styles and classes

Author: longo-andrea

2-ui/1-document/08-styles-and-classes/2-create-notification/solution.view/index.html

@@ -32,7 +32,7 @@ <h2>Notification is on the right</h2>
       setTimeout(() => notification.remove(), 1500);
     }
 
-    // test it
+    // prova
     let i = 1;
     setInterval(() => {
       showNotification({

2-ui/1-document/08-styles-and-classes/2-create-notification/source.view/index.html

@@ -16,10 +16,10 @@ <h2>Notification is on the right</h2>
 
   <script>
     function showNotification({top = 0, right = 0, className, html}) {
-      /* your code */
+      /* il tuo codice */
     }
 
-    // test it
+    // prova
     let i = 1;
     setInterval(() => {
       showNotification({

2-ui/1-document/08-styles-and-classes/2-create-notification/task.md

@@ -2,23 +2,23 @@ importance: 5
 
 ---
 
-# Create a notification
+# Create un messaggio di notifica
 
-Write a function `showNotification(options)` that creates a notification: `<div class="notification">` with the given content. The notification should automatically disappear after 1.5 seconds.
+Scrivete una funzione `showNotification(options)` che crei una notifica: `<div class="notification">` con un dato contenuto. La notifica dovrebbe automaticamente sparire dopo 1.5 secondi.
 
-The options are:
+Le opzioni sono:
 
 ```js
-// shows an element with the text "Hello" near the right-top of the window
+// mostra un elemento con il testo "Hello" in prossimità dell'angolo in alto a destra della finestra
 showNotification({
-  top: 10, // 10px from the top of the window (by default 0px)
-  right: 10, // 10px from the right edge of the window (by default 0px)
-  html: "Hello!", // the HTML of notification
-  className: "welcome" // an additional class for the div (optional)
+  top: 10, // 10px dalla parte superiore della finestra (valore predefinito 0px)
+  right: 10, // 10px dal bordo destro della finestra (valore predefinito 0px)
+  html: "Hello!", // l'HTML della notifica
+  className: "welcome" // una classe addizionale per il div (opzionale)
 });
 ```
 
 [demo src="solution"]
 
 
-Use CSS positioning to show the element at given top/right coordinates. The source document has the necessary styles.
+Usate il posizionamento CSS per mostrare l'elemento alle coordinate top/right ricevute. Il documento sorgente ha gli stili necessari.