Skip to content
This repository was archived by the owner on Sep 6, 2021. It is now read-only.

Commit eef438a

Browse files
jasonsanjosejasonsanjose
committed
Merge pull request #1711 from antonellopasella/master
Added italian translation
2 parents 119e1c1 + 6bbdf57 commit eef438a

File tree

6 files changed

+430
-1
lines changed

6 files changed

+430
-1
lines changed

‎samples/it/Primi passi/index.html

Lines changed: 139 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,139 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7+
<title>GETTING STARTED WITH BRACKETS</title>
8+
<meta name="description" content="An interactive getting started guide for Brackets.">
9+
<link rel="stylesheet" href="main.css">
10+
</head>
11+
<body>
12+
13+
<h1>GETTING STARTED WITH BRACKETS</h1>
14+
<h2>This is your guide!</h2>
15+
16+
<!--
17+
MADE WITH <3 AND JAVASCRIPT
18+
-->
19+
20+
<p>
21+
Welcome to a super early preview of Brackets, a new open-source editor for the next generation of
22+
the web. We’re big fans of standards and want to build better tooling for JavaScript, HTML and CSS
23+
and related open web technologies. This is our humble beginning.
24+
</p>
25+
26+
<!--
27+
WHAT IS BRACKETS?
28+
-->
29+
<p>
30+
<em>You are looking at an early build of Brackets.</em>
31+
In many ways, Brackets is a different type of editor. One notable difference is that this editor
32+
is written in JavaScript. So while Brackets might not be ready for your day-to-day use quite yet,
33+
we are using it every day to build Brackets.
34+
</p>
35+
36+
37+
<h2>We're trying out a few new things</h2>
38+
39+
<!--
40+
THE RELATIONSHIP BETWEEN HTML, CSS AND JAVASCRIPT
41+
-->
42+
<h3>Quick Edit for CSS and JavaScript</h3>
43+
<p>
44+
When editing HTML, use the <kbd>Cmd/Ctrl + E</kbd> shortcut to open a quick inline editor that
45+
displays all the related CSS. Make a tweak to your CSS, hit <kbd>ESC</kbd> and you’re back to
46+
editing HTML. Or just leave the CSS rules open and they’ll become part of your HTML editor.
47+
If you hit <kbd>ESC</kbd> outside of a quick editor, they’ll all collapse. No more switching between
48+
documents and losing your context.
49+
</p>
50+
51+
<samp>
52+
Want to see it in action? Place your cursor on the <!-- <samp> --> tag above and press
53+
<kbd>Cmd/Ctrl + E</kbd>. You should see a CSS quick editor appear above. On the right you will see
54+
a list of the CSS rules that are related to this tag. Simply scroll the rules with
55+
<kbd>Alt + Up/Down</kbd> to find the one you want to edit.
56+
</samp>
57+
58+
<a href="screenshots/brackets-quick-edit.png">
59+
<img alt="A screenshot showing CSS Quick Edit" src="screenshots/brackets-quick-edit.png" />
60+
</a>
61+
62+
<!--
63+
LIVE PREVIEW
64+
-->
65+
<h3>Preview CSS changes live in the browser</h3>
66+
<p>
67+
You know that "save/reload dance" we've been doing for years? The one where you make changes in
68+
your editor, hit save, switch to the browser and then refresh to finally see the result?
69+
With Brackets, you don't have to do that dance.
70+
</p>
71+
<p>
72+
Brackets will open a <em>live connection</em> to your local browser and push CSS updates as you
73+
type! You might already be doing something like this today with browser-based tools, but with Brackets
74+
there is no need to copy and paste the final CSS back into the editor. Your code runs in the
75+
browser, but lives in your editor!
76+
</p>
77+
78+
<samp>
79+
If you have Google Chrome installed, you can try this out yourself. Click on the lightning bolt
80+
icon in the top right or hit <kbd>Cmd/Ctrl + Alt + P</kbd>. When Live Preview is enabled on
81+
an HTML document, all linked CSS documents can be edited in real-time. The icon will change from
82+
gray to gold when Brackets establishes a connection to your browser.
83+
84+
Now, place your cursor on the <!-- <img> --> tag above and use <kbd>Cmd/Ctrl + E</kbd> to open up the
85+
defined CSS rules. Try changing the size of the border from 1px to 10px or change the background
86+
color from "dimgray" to "hotpink". If you have Brackets and your browser running side-by-side, you
87+
will see your changes instantly reflected in your browser. Cool, right?
88+
</samp>
89+
90+
<p class="note">
91+
Today, Brackets only supports Live Preview for CSS. We will be adding Live Preview support for HTML
92+
and JavaScript support in a future release. Live previews are only possible with Google Chrome today.
93+
We want to bring this functionality to all major browsers, and we're looking forward to working with
94+
those vendors.
95+
</p>
96+
97+
<!--
98+
LET US KNOW WHAT YOU THINK
99+
-->
100+
<h2>Get Involved</h2>
101+
<p>
102+
Brackets is an open-source project. Web developers from around the world are contributing to build
103+
a better code editor. Let us know what you think, share your ideas or contribute directly to the
104+
project.
105+
</p>
106+
<ul>
107+
<li><a href="http://brackets.io">Brackets.io</a></li>
108+
<li><a href="http://blog.brackets.io">Brackets Team Blog</a></li>
109+
<li><a href="http://github.com/adobe/brackets">Brackets on GitHub</a></li>
110+
<li><a href="http://github.com/adobe/brackets/wiki">Brackets Wiki</a></li>
111+
<li><a href="http://groups.google.com/group/brackets-dev">Brackets Developer Mailing List</a></li>
112+
<li><a href="https://twitter.com/#!/brackets">@Brackets on Twitter</a></li>
113+
<li>Chat with Brackets developers on IRC in #brackets on Freenode</li>
114+
</ul>
115+
116+
</body>
117+
</html>
118+
<!--
119+
120+
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
121+
[:::::::::::::: ::::::::::::::]
122+
[:::::::::::::: ::::::::::::::]
123+
[::::::[[[[[[[: :]]]]]]]::::::]
124+
[:::::[ ]:::::]
125+
[:::::[ ]:::::]
126+
[:::::[ ]:::::]
127+
[:::::[ ]:::::]
128+
[:::::[ CODE THE WEB ]:::::]
129+
[:::::[ http://brackets.io ]:::::]
130+
[:::::[ ]:::::]
131+
[:::::[ ]:::::]
132+
[:::::[ ]:::::]
133+
[:::::[ ]:::::]
134+
[::::::[[[[[[[: :]]]]]]]::::::]
135+
[:::::::::::::: ::::::::::::::]
136+
[:::::::::::::: ::::::::::::::]
137+
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
138+
139+
-->

‎samples/it/Primi passi/main.css

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
html {
2+
background-color: #eeeeee;
3+
}
4+
5+
body {
6+
margin: 0 auto;
7+
padding: 2em;
8+
max-width: 800px;
9+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
10+
font-size: 14px;
11+
line-height: 1.5em;
12+
color: #333333;
13+
background-color: #ffffff;
14+
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
15+
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
16+
box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
17+
}
18+
19+
h1, h2, h3, h4, h5, h6 {
20+
line-height: 1.3em;
21+
}
22+
23+
samp
24+
{
25+
/* hide <samp> from the browser so we can show cool features in Edge Code */
26+
display: none;
27+
}
28+
29+
img
30+
{
31+
border: 1px solid black;
32+
background-color: dimgray;
33+
padding: 10px;
34+
margin: 10px 0;
35+
max-width: 95%;
36+
}

‎samples/it/Primi passi/screenshots/brackets-quick-edit.png

510 KB
Loading

0 commit comments

Comments
 (0)