Skip to content

Commit

Permalink
Merge branch 'master' into alf_localization
Browse files Browse the repository at this point in the history
  • Loading branch information
@walfgithub
walfgithub committed Sep 20, 2013
2 parents 6f31040 + 7ec1959 commit 7190227
Show file tree
Hide file tree
Showing 2 changed files with 85 additions and 79 deletions.
161 changes: 84 additions & 77 deletions samples/it/Primi passi/index.html
View file
Expand Up @@ -4,148 +4,155 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>GETTING STARTED WITH BRACKETS</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<title>PRIMI PASSI CON BRACKETS!</title>
<meta name="description" content="Una guida interattiva per muovere i primi passi su Brackets.">
<link rel="stylesheet" href="main.css">
</head>
<body>

<h1>GETTING STARTED WITH BRACKETS</h1>
<h2>This is your guide!</h2>
<h1>PRIMI PASSI CON BRACKETS!</h1>
<h2>Questa è la tua guida!</h2>

<!--
MADE WITH <3 AND JAVASCRIPT
FATTO CON <3 E JAVASCRIPT
-->

<p>
Welcome to an early preview of Brackets, a new open-source editor for the next generation of
the web. We're big fans of standards and want to build better tooling for JavaScript, HTML and CSS
and related open web technologies. This is our humble beginning.
Benvenuto in questa versione preliminare di Brackets, un nuovo editor open-source per la nuova
generazione del web. Noi siamo grandi fan degli standard e vogliamo realizzare degli strumenti
migliori per lavorare in JavaScript, HTML, CSS e altre tecnologie aperte del web. Questo è il
nostro umile inizio.
</p>

<!--
WHAT IS BRACKETS?
COS'È BRACKETS?
-->
<p>
<em>Brackets is a different type of editor.</em>
One notable difference is that this editor is written in JavaScript, HTML and CSS.
This means that most of you using Brackets have the skills necessary to modify and extend the editor.
In fact, we use Brackets every day to build Brackets. It also has some unique features like Quick Edit,
Live Preview and others that you may not find in other editors.
To learn more about how to use those features, read on.
<em>Brackets è un editor differente.</em>
Un importante differenza è che questo editor è scritto in JavaScript, HTML e CSS.
Questo significa che la maggior parte di coloro che utilizzano Brackets, sono in grado di modificare
e ampliare l'editor. Infatti, noi usiamo Brackets ogni giorno per costruire Brackets.
Brackets è inoltre dotato di caratteristiche uniche come Modifica Rapida, Anteprima Live e altre
caratteristiche che non trovereste altrove.
</p>


<h2>We're trying out a few new things</h2>
<h2>Stiamo provando alcune cose nuove</h2>

<!--
THE RELATIONSHIP BETWEEN HTML, CSS AND JAVASCRIPT
LA RELAZIONE TRA HTML, CSS E JAVASCRIPT
-->
<h3>Quick Edit for CSS and JavaScript</h3>
<h3>Modifica rapida per CSS e JavaScript</h3>
<p>
No more switching between documents and losing your context. When editing HTML, use the
<kbd>Cmd/Ctrl + E</kbd> shortcut to open a quick inline editor that displays all the related CSS.
Make a tweak to your CSS, hit <kbd>ESC</kbd> and you're back to editing HTML, or just leave the
CSS rules open and they'll become part of your HTML editor. If you hit <kbd>ESC</kbd> outside of
a quick inline editor, they'll all collapse.
Non c'è più bisogno di spostarsi continuamente da un documento all'altro. Quando si lavora al codice
HTML, è possibile digitare <kbd>Cmd/Ctrl + E</kbd> per aprire un'area di modifica rapida che mostra
il CSS corrispondente. Una volta effettuata una modifica al codice CSS, basta premere <kdb>ESC</kdb>
e si ritorna sull'HTML chiudendo l'area di modifica rapida, o è possibile lasciare aperta tale area
continuando a lavorare sull'HTML. Premendo invece <kbd>ESC</kbd> al di fuori di tale area, tutte le
aree di modifica rapida verranno chiuse.
</p>

<samp>
Want to see it in action? Place your cursor on the <!-- <samp> --> tag above and press
<kbd>Cmd/Ctrl + E</kbd>. You should see a CSS quick editor appear above. On the right you will see
a list of the CSS rules that are related to this tag. Simply scroll the rules with
<kbd>Alt + Up/Down</kbd> to find the one you want to edit.
Vuoi vederlo in azione? Posiziona il cursore nel tag <!-- <samp> --> sopra e premi
<kbd>Cmd/Ctrl + E</kbd>. Dovresti vedere un'area di modifica rapida del CSS apparire sopra.
Sulla destra vedrai la lista delle regole CSS corrispondenti a questo tag. Scorri
semplicemente le regole con <kbd>Alt + Up/Down</kbd> per trovare quella che intendi modificare.
</samp>

<a href="screenshots/quick-edit.png">
<img alt="A screenshot showing CSS Quick Edit" src="screenshots/quick-edit.png" />
<img alt="Uno screenshot che mostra una finestra di modifica rapida CSS" src="screenshots/quick-edit.png" />
</a>

<p>
You can use the same shortcut for JavaScript code to view the body of a function by
placing the cursor on the name of the function you are calling. For now inline editors cannot be
nested, so you can only use Quick Edit while the cursor is in a "full size" editor.
Puoi usare la stessa combinazione di tasti per il codice JavaScript e vedere il corpo di una funzione
posizionando il cursore nel nome della funzione chiamata. Per il momento gli editor in linea non possono
essere nidificati, quindi è possibile usare la modifica rapida solo quando il cursore è posizionato nell'editor
generale.
</p>

<!--
LIVE PREVIEW
ANTEPRIMA LIVE
-->
<h3>Preview CSS changes live in the browser</h3>
<h3>L'anteprima del CSS cambia in tempo reale nel browser</h3>
<p>
You know that "save/reload dance" we've been doing for years? The one where you make changes in
your editor, hit save, switch to the browser and then refresh to finally see the result?
With Brackets, you don't have to do that dance.
Conosci la solita procedura "salva/ricarica" che abbiamo fatto per anni? Fai una modifica tramite editor,
premi "salva", passi alla finestra del browser e aggiorni la pagina per vedere il risultato?
Con Brackets non avrai più bisogno di questo procedimento.
</p>
<p>
Brackets will open a <em>live connection</em> to your local browser and push CSS updates as you
type! You might already be doing something like this today with browser-based tools, but with Brackets
there is no need to copy and paste the final CSS back into the editor. Your code runs in the
browser, but lives in your editor!
Brackets aprirà una <em>connessione in tempo reale</em> con il tuo browser e gli manderà tutte le modifiche
del CSS non appena tu le avrai digitate! Forse oggi stai già facendo qualcosa di simile con qualche
strumento browser-based, ma con Brackets non avrai bisogno di copiare e incollare il codice CSS definitivo
nel tuo editor. Il tuo codice gira nel browser, ma risiede già nell'editor!
</p>

<h3>Live Highlight HTML elements and CSS rules</h3>
<h3>L'anteprima mette in risalto gli elementi HTML e le regole CSS.</h3>
<p>
Brackets makes it easy to see how your changes in HTML and CSS will affect the page. When your cursor
is on a CSS rule, Brackets will highlight all affected elements in the browser. Similarly, when editing
an HTML file, Brackets will highlight the corresponding HTML elements in the browser.
Brackets rende semplice vedere come le proprie modifiche all'HTML e al CSS hanno effetto sulla pagina.
Quando il cursore è su una regola CSS, nel browser verranno messi in risalto tutti gli elementi che
vengono influenzati da quella regola. Similmente, quando stai modificando un file HTML, Brackets metterà
in risalto nel browser gli elementi HTML corrispondenti.
</p>

<samp>
If you have Google Chrome installed, you can try this out yourself. Click on the lightning bolt
icon in the top right corner of your Brackets window or hit <kbd>Cmd/Ctrl + Alt + P</kbd>. When
Live Preview is enabled on an HTML document, all linked CSS documents can be edited in real-time.
The icon will change from gray to gold when Brackets establishes a connection to your browser.
Se hai Google Chrome installato, puoi provare da te. Clicca nell'icona con il fulmine nell'angolo
in alto a destra della finestra di Brackets oppure premi <kbd>Cmd/Ctrl + Alt + P</kbd>. Quando
Anteprima Live è abilitata in un documento HTML, tutti i documenti CSS collegati possono essere
modificati in tempo reale. L'icona cambierà colore, dal grigio al dorato, quando Brackets stabilisce
una connessione con il tuo browser.

Now, place your cursor on the <!-- <img> --> tag above. Notice the blue highlight that appears
around the image in Chrome. Next, use <kbd>Cmd/Ctrl + E</kbd> to open up the defined CSS rules.
Try changing the size of the border from 1px to 10px or change the background
color from "dimgray" to "hotpink". If you have Brackets and your browser running side-by-side, you
will see your changes instantly reflected in your browser. Cool, right?
Adesso, posiziona il cursore sul tag <!-- <img> --> sopra. Noterai un highlight blu apparire attorno
all'imagine su Chrome. Successivamente, usa <kdb>Cmd/Ctrl + E</kdb> per aprire le regole CSS.
Prova a cambiare la grandezza del bordo da 1px a 10px o cambia il colore di sfondo da "dimgray" a
"hotpink". Se Brackets e il tuo browser sono posizionati fianco a fianco, noterai istantaneamente
i cambiamenti anche nel tuo browser. Bello, vero?
</samp>

<p class="note">
Today, Brackets only supports Live Preview for CSS. However, in the current version, changes to HTML
and JavaScript files are automatically reloaded when you save. We are currently working on Live Preview
support for HTML and JavaScript. Live previews are also only possible with Google Chrome, but we hope
to bring this functionality to all major browsers in the future.
Oggi, Brackets supporta solo l'Anteprima Live per il CSS. Comunque, nella versione corrente, i
cambiamenti ai file HTML e JavaScript sono automaticamente ricaricati quando si salva. Al momento
stiamo lavorando al supporto di HTML e JavaScript nell'Anteprima Live. Inoltre le anteprime live sono
supportate solo su Google Chrome, ma per il futuro speriamo di portare questa funzionalità anche
sugli altri browser più comuni.
</p>

<h3>Quick View</h3>
<h3>Visualizzazione Rapida</h3>
<p>
For those of us who haven't yet memorized the color equivalents for HEX or RGB values, Brackets makes
it quick and easy to see exactly what color is being used. In either CSS or HTML, simply hover over any
color value or gradient and Brackets will display a preview of that color/gradient automatically. The
same goes for images: simply hover over the image link in the Brackets editor and it will display a
thumbnail preview of that image.
Per coloro che non hanno ancora memorizzato i colori associati ai valori HEX o RGB, Brackets rende
facile e veloce vedere esattamente qual è il colore corrispondente. Nei documenti CSS e HTML basta
semplicemente posizionare il mouse sopra il valore di ogni colore e Brackets mostrerà automaticamente
un'anteprima di quel colore. La stessa cosa vale per le immagini: basta spostare il mouse sopra il
link dell'immagine all'interno dell'editor Brackets ed esso mostrerà una miniatura di quell'immagine.
</p>

<samp>
To try out Quick View for yourself, place your cursor on the <!-- <body> --> tag at the top of this
document and press <kbd>Cmd/Ctrl + E</kbd> to open a CSS quick editor. Now simply hover over any of the
color values within the CSS. You can also see it in action on gradients by opening a CSS quick editor
on the <!-- <html> --> tag and hovering over any of the background image values. To try out the image
preview, place your cursor over the screenshot image included earlier in this document.
Prova la Visualizzazione Rapida, posiziona il cursore sopra il tag <!-- <body> --> nella parte
superiore di questo documento e premi <kbd>Cmd/Ctrl + E</kbd> per una modifica rapida del CSS.
Adesso posiziona il mouse sopra un valore di qualche colore. Inoltre puoi vederla in azione sui
gradienti aprendo una modifica veloce CSS sopra il tag <!-- <html> --> e posizionando il mouse
sopra qualche valore corrispondente all'immagine di sfondo. Prova l'anteprima dell'immagine,
posiziona il cursore sopra lo screenshot presente all'inizio di questo documento.
</samp>

<!--
LET US KNOW WHAT YOU THINK
DICCI COSA NE PENSI
-->
<h2>Get involved</h2>
<h2>Partecipa</h2>
<p>
Brackets is an open-source project. Web developers from around the world are contributing to build
a better code editor. Many more are building extensions that expand the capabilities of Brackets.
Let us know what you think, share your ideas or contribute directly to the
project.
Brackets è un progetto open source. Sviluppatori web da ogni parte del mondo stanno contribuendo
per realizzare un editor migliore. Altri ancora stanno realizzando estensioni che espandono le
funzionalità di Brackets. Dicci cosa ne pensi, condividi le tue idee o contribuisci direttamente
al progetto.
</p>
<ul>
<li><a href="http://brackets.io">Brackets.io</a></li>
<li><a href="http://blog.brackets.io">Brackets Team Blog</a></li>
<li><a href="http://github.com/adobe/brackets">Brackets on GitHub</a></li>
<li><a href="http://github.com/adobe/brackets">Brackets su GitHub</a></li>
<li><a href="https://github.com/adobe/brackets/wiki/Brackets-Extensions">Brackets Extensions</a></li>
<li><a href="http://github.com/adobe/brackets/wiki">Brackets Wiki</a></li>
<li><a href="http://groups.google.com/group/brackets-dev">Brackets Developer Mailing List</a></li>
<li><a href="https://twitter.com/#!/brackets">@Brackets on Twitter</a></li>
<li>Chat with Brackets developers on IRC in #brackets on Freenode</li>
<li><a href="https://twitter.com/#!/brackets">@Brackets su Twitter</a></li>
<li>Chatta con gli sviluppatori di Brackets nel canale IRC #brackets su Freenode</li>
</ul>

</body>
Expand Down
3 changes: 1 addition & 2 deletions test/spec/ExtensionManager-test.js
View file
Expand Up @@ -810,8 +810,7 @@ define(function (require, exports, module) {

});

// FORNOW: Disable - https://github.com/adobe/brackets/issues/5093
xit("should open links in the native browser instead of in Brackets", function () {
it("should open links in the native browser instead of in Brackets", function () {
runs(function () {
mockRegistry = {
"basic-valid-extension": {
Expand Down

0 comments on commit 7190227

Please sign in to comment.