From 30feb96f6084a2fb976a24ac01c1f4a054611b62 Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 14:47:54 +0100 Subject: unslug it: move --- files/it/tools/add-ons/index.html | 17 ---- files/it/tools/performance/index.html | 91 ++++++++++++++++++++++ files/it/tools/prestazioni/index.html | 91 ---------------------- files/it/tools/responsive_design_mode/index.html | 79 +++++++++++++++++++ .../it/tools/visualizzazione_flessibile/index.html | 79 ------------------- 5 files changed, 170 insertions(+), 187 deletions(-) delete mode 100644 files/it/tools/add-ons/index.html create mode 100644 files/it/tools/performance/index.html delete mode 100644 files/it/tools/prestazioni/index.html create mode 100644 files/it/tools/responsive_design_mode/index.html delete mode 100644 files/it/tools/visualizzazione_flessibile/index.html (limited to 'files/it/tools') diff --git a/files/it/tools/add-ons/index.html b/files/it/tools/add-ons/index.html deleted file mode 100644 index 53b7924169..0000000000 --- a/files/it/tools/add-ons/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: Add-ons -slug: Tools/Add-ons -tags: - - NeedsTranslation - - TopicStub - - Web Development - - 'Web Development:Tools' -translation_of: Tools/Add-ons ---- -

Developer tools that are not built into Firefox, but ship as separate add-ons.

- -
-
WebSocket Monitor
-
Examine the data exchanged in a WebSocket connection.
-
 
-
diff --git a/files/it/tools/performance/index.html b/files/it/tools/performance/index.html new file mode 100644 index 0000000000..30117d7c02 --- /dev/null +++ b/files/it/tools/performance/index.html @@ -0,0 +1,91 @@ +--- +title: Prestazioni +slug: Tools/Prestazioni +translation_of: Tools/Performance +--- +

Lo strumento per l'analisi delle prestazioni ti fornisce una panoramica della risposta generale del tuo sito, della prestazione del layout e del Javascript. Con lo strumento per l'analisi delle prestazioni crei una registrazione, o tracci un profilo, del tuo sito in un periodo di tempo. Lo strumento ti mostra poi un resoconto delle cose che il tuo browser stava facendo al fine di rappresentare il tuo sito nel profilo, ed un grafico del frame rate nel profilo.

+ +

Hai a disposizione tre sotto-strumenti per esaminare gli aspetti del profilo più dettagliatamente:

+ + + +

{{EmbedYouTube("WBmttwfA_k8")}}

+ +
+

Per cominciare

+ +
+
+
+
UI Tour
+
+

Per orientarti nell' uso dello strumento d'analisi delle prestazioni, ecco un breve tour della UI.

+
+
+
+ +
+
+
How to
+
Operazioni basilari: apri lo strumetno, crea, salva, carica e configura le registrazioni
+
+
+
+ +
+

Componenti dello strumento per l' analisi delle prestazioni

+ +
+
+
+
Frame rate
+
Comprendi la risposta generale del tuo sito
+
Albero delle chiamate
+
Trova gli intoppi nel Javascript del tuo sito.
+
+
+ +
+
+
Cascata
+
Comprendi il lavoro che sta svolgendo il browser quando l' utente interagisce con il tuo sito.
+
Grafico a fiamma
+
Controlla quali funzioni Javascript sono in esecuzione ed in che momento, durante la registrazione.
+
 
+
+
+
+ +
+

Scenari

+ +
+
+
+
Animazione delle proprietà CSS
+
Usa la cascata per capire in che modo il browser aggiorna una pagina e come l' animazione di differenti proprietà CSS può intaccare le prestazioni.
+
 
+
+
+ +
+
+
Javascript intensivo
+
Usa gli strumenti Frame rate e Cascata  per evidenziare problemi di prestazione dovuti ad un Javascript particolarmente pesante e come l'utilizzo dei worker può essere d' aiuto.
+
+
+
+ +

 

+ +
+
+
 
+
+
+ +

 

diff --git a/files/it/tools/prestazioni/index.html b/files/it/tools/prestazioni/index.html deleted file mode 100644 index 30117d7c02..0000000000 --- a/files/it/tools/prestazioni/index.html +++ /dev/null @@ -1,91 +0,0 @@ ---- -title: Prestazioni -slug: Tools/Prestazioni -translation_of: Tools/Performance ---- -

Lo strumento per l'analisi delle prestazioni ti fornisce una panoramica della risposta generale del tuo sito, della prestazione del layout e del Javascript. Con lo strumento per l'analisi delle prestazioni crei una registrazione, o tracci un profilo, del tuo sito in un periodo di tempo. Lo strumento ti mostra poi un resoconto delle cose che il tuo browser stava facendo al fine di rappresentare il tuo sito nel profilo, ed un grafico del frame rate nel profilo.

- -

Hai a disposizione tre sotto-strumenti per esaminare gli aspetti del profilo più dettagliatamente:

- - - -

{{EmbedYouTube("WBmttwfA_k8")}}

- -
-

Per cominciare

- -
-
-
-
UI Tour
-
-

Per orientarti nell' uso dello strumento d'analisi delle prestazioni, ecco un breve tour della UI.

-
-
-
- -
-
-
How to
-
Operazioni basilari: apri lo strumetno, crea, salva, carica e configura le registrazioni
-
-
-
- -
-

Componenti dello strumento per l' analisi delle prestazioni

- -
-
-
-
Frame rate
-
Comprendi la risposta generale del tuo sito
-
Albero delle chiamate
-
Trova gli intoppi nel Javascript del tuo sito.
-
-
- -
-
-
Cascata
-
Comprendi il lavoro che sta svolgendo il browser quando l' utente interagisce con il tuo sito.
-
Grafico a fiamma
-
Controlla quali funzioni Javascript sono in esecuzione ed in che momento, durante la registrazione.
-
 
-
-
-
- -
-

Scenari

- -
-
-
-
Animazione delle proprietà CSS
-
Usa la cascata per capire in che modo il browser aggiorna una pagina e come l' animazione di differenti proprietà CSS può intaccare le prestazioni.
-
 
-
-
- -
-
-
Javascript intensivo
-
Usa gli strumenti Frame rate e Cascata  per evidenziare problemi di prestazione dovuti ad un Javascript particolarmente pesante e come l'utilizzo dei worker può essere d' aiuto.
-
-
-
- -

 

- -
-
-
 
-
-
- -

 

diff --git a/files/it/tools/responsive_design_mode/index.html b/files/it/tools/responsive_design_mode/index.html new file mode 100644 index 0000000000..09fd2cb08c --- /dev/null +++ b/files/it/tools/responsive_design_mode/index.html @@ -0,0 +1,79 @@ +--- +title: Visualizzazione Flessibile +slug: Tools/Visualizzazione_Flessibile +tags: + - Design + - Firefox + - Guida + - Mobile + - Strumenti + - Sviluppo + - Sviluppo Web + - responsive +translation_of: Tools/Responsive_Design_Mode +--- +

Le interfacce web responsive si adattano a diverse dimensioni di schermo permettendo una presentazione fruibile su dispositivi di tipo diverso, come smartphone o tablet. La Visualizzazione Flessibile permette di visionare facilmente come il proprio sito o applicazione web risulterà su schermi di diverse dimensioni.

+ +

La schermata seguente mostra il contenuto di una pagina Wikipedia in versione mobile simulando uno schermo della dimensione di 320x480 pixel.

+ +

+ +

La Visualizzazione flessibile risulta conveniente perché permette di ridimensionare l'area del contenuto velocemente e con precisione.

+ +

Naturalmente potrebbe essere sufficiente soltanto ridimensionare la finestra del browser ma questo comporterebbe il ridimensionamento in piccolo anche delle altre schede in fase di navigazione, rendendo il browser più difficile da usare.

+ +

Mentre è attiva la Visualizzazione flessibile su una particolare scheda, è comunque possibile continuare a navigare normalmente i contenuti delle altre schede.

+ +

Attivazione e disattivazione

+ +

Ci sono tre modi per attivare la Visualizzazione flessibile:

+ + + +

e ci sono anche tre modi per disattivare la Visualizzazione flessibile:

+ + + +

Ridimensionamento

+ +

Si può ridimensionare l'area del contenuto in due modi:

+ + + +

Decidendo di ridimensionare tramite click e trascina, tenendo premuto il tasto CTRL (Command su OSX) è possibile rallentare la velocità di ridimensionamento al fine aumentare la precisione per scegliere la dimensione giusta.

+ +
+

Controlli della modalità Visualizzazione flessibile

+ +

+ +

Lungo la parte alta della finestra in modalità "Visualizzazione flessibile" ci sono cinque controlli:

+ +
+
Chiudi
+
Termina la modalità "Visualizzazione flessibile" e ritorna alla navigazione normale.
+
Selezione dimensione
+
Permette di scegliere un numero preimpostato di combinazioni larghezza x altezza, oppure di definirne una personalizzata.
+
Orientamento
+
Alterna l'orientamento verticale ed orizzontale simulando il cambio di orientamento del dispositivo.
+
Simula gli eventi touch
+
Attiva/disattiva la simulazione degli eventi touch: quando la simulazione è attivata, gli eventi del mouse vengono tradotti in eventi touch.
+
Screenshot
+
Cattura la schermata dell'area. Il salvataggio avviene nella posizione in cui vengono salvati anche gli altri Download.
+
User Agent personalizzato
+
Novità da Firefox 47. Immettere una stringa che corrisponde al nome di un User Agent. L'area risulta evidenziata e le richieste verranno effettuate utilizzando la stringa User Agent impostata. Questo è utile quando i siti restituiscono diversi contenuti in base al riconoscimento per mezzo di UA sniffing. Per tornare alla normalità è sufficiente svuotare il campo di testo.
+
+
+ +

 

diff --git a/files/it/tools/visualizzazione_flessibile/index.html b/files/it/tools/visualizzazione_flessibile/index.html deleted file mode 100644 index 09fd2cb08c..0000000000 --- a/files/it/tools/visualizzazione_flessibile/index.html +++ /dev/null @@ -1,79 +0,0 @@ ---- -title: Visualizzazione Flessibile -slug: Tools/Visualizzazione_Flessibile -tags: - - Design - - Firefox - - Guida - - Mobile - - Strumenti - - Sviluppo - - Sviluppo Web - - responsive -translation_of: Tools/Responsive_Design_Mode ---- -

Le interfacce web responsive si adattano a diverse dimensioni di schermo permettendo una presentazione fruibile su dispositivi di tipo diverso, come smartphone o tablet. La Visualizzazione Flessibile permette di visionare facilmente come il proprio sito o applicazione web risulterà su schermi di diverse dimensioni.

- -

La schermata seguente mostra il contenuto di una pagina Wikipedia in versione mobile simulando uno schermo della dimensione di 320x480 pixel.

- -

- -

La Visualizzazione flessibile risulta conveniente perché permette di ridimensionare l'area del contenuto velocemente e con precisione.

- -

Naturalmente potrebbe essere sufficiente soltanto ridimensionare la finestra del browser ma questo comporterebbe il ridimensionamento in piccolo anche delle altre schede in fase di navigazione, rendendo il browser più difficile da usare.

- -

Mentre è attiva la Visualizzazione flessibile su una particolare scheda, è comunque possibile continuare a navigare normalmente i contenuti delle altre schede.

- -

Attivazione e disattivazione

- -

Ci sono tre modi per attivare la Visualizzazione flessibile:

- - - -

e ci sono anche tre modi per disattivare la Visualizzazione flessibile:

- - - -

Ridimensionamento

- -

Si può ridimensionare l'area del contenuto in due modi:

- - - -

Decidendo di ridimensionare tramite click e trascina, tenendo premuto il tasto CTRL (Command su OSX) è possibile rallentare la velocità di ridimensionamento al fine aumentare la precisione per scegliere la dimensione giusta.

- -
-

Controlli della modalità Visualizzazione flessibile

- -

- -

Lungo la parte alta della finestra in modalità "Visualizzazione flessibile" ci sono cinque controlli:

- -
-
Chiudi
-
Termina la modalità "Visualizzazione flessibile" e ritorna alla navigazione normale.
-
Selezione dimensione
-
Permette di scegliere un numero preimpostato di combinazioni larghezza x altezza, oppure di definirne una personalizzata.
-
Orientamento
-
Alterna l'orientamento verticale ed orizzontale simulando il cambio di orientamento del dispositivo.
-
Simula gli eventi touch
-
Attiva/disattiva la simulazione degli eventi touch: quando la simulazione è attivata, gli eventi del mouse vengono tradotti in eventi touch.
-
Screenshot
-
Cattura la schermata dell'area. Il salvataggio avviene nella posizione in cui vengono salvati anche gli altri Download.
-
User Agent personalizzato
-
Novità da Firefox 47. Immettere una stringa che corrisponde al nome di un User Agent. L'area risulta evidenziata e le richieste verranno effettuate utilizzando la stringa User Agent impostata. Questo è utile quando i siti restituiscono diversi contenuti in base al riconoscimento per mezzo di UA sniffing. Per tornare alla normalità è sufficiente svuotare il campo di testo.
-
-
- -

 

-- cgit v1.2.3-54-g00ecf