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

Commit 255b2ee

Browse files
jasonsanjosejasonsanjose
committed
Merge pull request #4626 from mikaeljorhult/swedish-sample-project
Swedish sample project
2 parents 7cec0a2 + 931894b commit 255b2ee

File tree

5 files changed

+249
-1
lines changed

5 files changed

+249
-1
lines changed

‎samples/sv/Kom igang/index.html‎

Lines changed: 173 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,173 @@
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>KOM IGÅNG MED BRACKETS</title>
8+
<meta name="description" content="En interaktiv genomgång av Brackets.">
9+
<link rel="stylesheet" href="main.css">
10+
</head>
11+
<body>
12+
13+
<h1>KOM IGÅNG MED BRACKETS</h1>
14+
<h2>Detta är din guide!</h2>
15+
16+
<!--
17+
SKAPAD MED <3 OCH JAVASCRIPT
18+
-->
19+
20+
<p>
21+
Välkommen till en tidig version av Brackets, en ny open-source editor för nästa generation av webben.
22+
Vi är hängivna anhängare av webbstandards och vill bygga bättre verktyg för JavaScript, HTML och CSS
23+
samt relaterade öppna webbteknologier. Detta är vårt ödmjuka första steg.
24+
</p>
25+
26+
<!--
27+
VAD ÄR BRACKETS?
28+
-->
29+
<p>
30+
<em>Brackets är en annan typ av editor.</em>
31+
En anmärkningsvärd skillnad är att denna editor är skriven med JavaScript, HTML och CSS.
32+
Detta innebär att de flesta som använder Brackets har kunskapen som krävs för att förändra och förbättra editorn.
33+
Faktum är att vi använder Brackets varje dag, för att bygga Brackets. Det har också ett antal unika funktioner som Quick Edit,
34+
Live Preview och och ytterligare några som du inte hittar i andra editorer.
35+
Läs vidare för att lära dig mer om dessa funktioner.
36+
</p>
37+
38+
39+
<h2>Vi provar en del nya saker</h2>
40+
41+
<!--
42+
FÖRHÅLLANDET MELLAN HTML, CSS OCH JAVASCRIPT
43+
-->
44+
<h3>Quick Edit för CSS och JavaScript</h3>
45+
<p>
46+
Du behöver inte längre tappa sammanhanget när du flyttar mellan olika dokument. När du redigerar HTML kan du
47+
använda kortkommandot <kbd>Cmd/Ctrl + E</kbd> för att öppna en inline-editor som visar all relaterad CSS.
48+
Gör förändringen i din CSS, tryck på <kbd>ESC</kbd> och du är tillbaka i HTML. Du kan också lämna CSS-reglerna
49+
öppna och göra dem till en del av din HTML-editor. Om du trycker på <kbd>ESC</kbd> utanför en inline-editor
50+
döljs samtliga.
51+
</p>
52+
53+
<samp>
54+
Vill du se hur det fungerar? Placera markören <!-- <samp> -->-elementet och tryck <kbd>Cmd/Ctrl + E</kbd>.
55+
Då visas CSS quick editorn ovan. Till höger kan du se en lista över alla CSS-regler som är relaterade
56+
till detta element. Skrolla igenom reglerna med kortkommandot <kbd>Alt + Upp/Ner</kbd> för att hitta en
57+
du vill redigera.
58+
</samp>
59+
60+
<a href="screenshots/quick-edit.png">
61+
<img alt="En skärmavbild som visas CSS Quick Edit" src="screenshots/quick-edit.png" />
62+
</a>
63+
64+
<p>
65+
Du kan använda samma kortkommando för JavaScript-kod för att visa definitionen av en funktion när
66+
markören placeras på funktionens namn där du anropar den. Tills vidare kan inline-editorer inte
67+
nästlas så du kan bara använda Quick Edit från den "fullstora" editorn.
68+
</p>
69+
70+
<!--
71+
REALTIDSFÖRHANDSVISNING
72+
-->
73+
<h3>Förhandsvisa CSS-ändringar direkt i webbläsaren</h3>
74+
<p>
75+
Du vet den där "spara och ladda om-proceduren" vi använt oss av i flera år? Den där du gör
76+
en ändring i din editor, sparar, går till webbläsaren och laddar om för att se resultatet?
77+
Med Brackets behöver du inte göra det.
78+
</p>
79+
<p>
80+
Brackets öppnar en <em>direktlänk</em> till din lokala webbläsare och skjuter ut dina CSS-ändringar
81+
medan du skriver! Du kanske redan använder något liknande webbläsarverktyg men med Brackets
82+
behöver du inte kopiera och klistra in koden fram och tillbaka mellan webbläsare och editor. Din kod
83+
körs i webbläsaren men skrivs i din editor!
84+
</p>
85+
86+
<h3>Markera HTML-element och CSS-regler i realtid</h3>
87+
<p>
88+
Brackets gör det enkelt att se hur dina HTML- och CSS-ändringar kommer att påverka sidan. När din markör
89+
står på en CSS-regel markerar Brackets samtliga berörda element i webbläsaren. På samma sätt markerar
90+
Brackets respektive element i webbläsaren när du redigerar HTML-koden.
91+
</p>
92+
93+
<samp>
94+
Om du har Google Chrome installerat kan du prova denna funktion själv. Klicka på blixtikonen
95+
i det övre högra hörnet i ditt Brackets-fönster eller använd kortkommandot <kbd>Cmd/Ctrl + Alt + P</kbd>.
96+
När Live Preview är aktiverat i ett HTML-dokument kommer alla länkade CSS-dokument att kunna editeras
97+
i realtid. Ikonens färg kommer att byta färg från grå till guld när Brackets lyckats skapa en länk
98+
till din webbläsare.
99+
100+
Om du sedan plaerar markören på <!-- <img> -->-taggen ovan se du hur en blå markeringen visas runt
101+
bilden i Chrome. Du kan sedan använda <kbd>Cmd/Ctrl + E</kbd> för att visa de relaterade CSS-reglerna.
102+
Prova att ändra tjockleken på border-egenskapen från 1px till 10px eller att ändra backgrundsfärgen
103+
från "dimgray" till "hotpink". Om Brackets och din webbläsare körs sida vid sida kommer du att se
104+
dina ändringar genomföras direkt i webbläsaren. Coolt va?
105+
</samp>
106+
107+
<p class="note">
108+
För tillfället stöder Brackets bara Live Preview för CSS. Dock laddas webbläsaren automatiskt när du
109+
sparar HTML- eller JavaScript-dokument. Vi jobbar för fullt med att utveckla stöd för Live Preview
110+
även för HTML och JavaScript. Live previews fungerar just nu bara i Google Chrome men med tiden hoppas
111+
vi kunna erbjuda denna funktionalitet i alla större webbläsare.
112+
</p>
113+
114+
<h3>Quick View</h3>
115+
<p>
116+
För de av oss som fortfarande inte memorerat färgkoderna för HEX eller RGB gör Brackets det snabbt och
117+
enkelt att se vilken färg som används. När du pekar över ett färgvärde eller gradient, i antingen
118+
HTML eller CSS, visas en förhandsgranskning av färgen/gradienten automatiskt. Detsamma gäller bilder:
119+
peka på bildens sökväg i Brackets så visas en tumnagelversion av bilden.
120+
</p>
121+
122+
<samp>
123+
Du kan prova Quick View själv genom att placera markören på <!-- <body> -->-taggen i början av detta
124+
dokument och trycka <kbd>Cmd/Ctrl + E</kbd> för att öppna snabbeditorn för CSS. När du pekar över ett
125+
färgvärde i CSS-koden visas motsvarande färg. Du kan utnyttja samma funktion med gradients i snabbeditorn -
126+
placera markören på <!-- <html> -->-taggen och peka på dess background-image-egenskap. Du kan också prova
127+
förhandvisningen av bilder genom att placera markören vid skärmavbildningen tidigare i detta dokument.
128+
</samp>
129+
130+
<!--
131+
BERÄTTA FÖR OSS VAD DU TYCKER
132+
-->
133+
<h2>ENGAGERA DIG</h2>
134+
<p>
135+
Brackets är ett open-source-projekt. Webbutvecklarefrån hela världen bidrar för att göra Brackets till
136+
en bättre kodeditor. Många andra bygger tillägg som ökar Brackets funktionalitet.
137+
Bidra med dina åsiker, idéer eller bidra med kod direkt till projektet.
138+
</p>
139+
<ul>
140+
<li><a href="http://brackets.io">Brackets.io</a></li>
141+
<li><a href="http://blog.brackets.io">Brackets utvecklingsblogg</a></li>
142+
<li><a href="http://github.com/adobe/brackets">Brackets på GitHub</a></li>
143+
<li><a href="https://github.com/adobe/brackets/wiki/Brackets-Extensions">Brackets-tillägg</a></li>
144+
<li><a href="http://github.com/adobe/brackets/wiki">Brackets Wiki</a></li>
145+
<li><a href="http://groups.google.com/group/brackets-dev">Brackets Developer Mailing List</a></li>
146+
<li><a href="https://twitter.com/#!/brackets">@Brackets på Twitter</a></li>
147+
<li>Chatta med Brackets-utvecklare via IRC i #brackets på Freenode</li>
148+
</ul>
149+
150+
</body>
151+
</html>
152+
<!--
153+
154+
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
155+
[:::::::::::::: ::::::::::::::]
156+
[:::::::::::::: ::::::::::::::]
157+
[::::::[[[[[[[: :]]]]]]]::::::]
158+
[:::::[ ]:::::]
159+
[:::::[ ]:::::]
160+
[:::::[ ]:::::]
161+
[:::::[ ]:::::]
162+
[:::::[ CODE THE WEB ]:::::]
163+
[:::::[ http://brackets.io ]:::::]
164+
[:::::[ ]:::::]
165+
[:::::[ ]:::::]
166+
[:::::[ ]:::::]
167+
[:::::[ ]:::::]
168+
[::::::[[[[[[[: :]]]]]]]::::::]
169+
[:::::::::::::: ::::::::::::::]
170+
[:::::::::::::: ::::::::::::::]
171+
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
172+
173+
-->

‎samples/sv/Kom igang/main.css‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
html {
2+
background-color: #eeeeee;
3+
background-image: linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
4+
background-image: -o-linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
5+
background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
6+
background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
7+
background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
8+
}
9+
10+
body {
11+
margin: 0 auto;
12+
padding: 2em;
13+
max-width: 800px;
14+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
15+
font-size: 14px;
16+
line-height: 1.5em;
17+
color: #333333;
18+
background-color: #ffffff;
19+
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
20+
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
21+
box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
22+
}
23+
24+
h1, h2, h3, h4, h5, h6 {
25+
line-height: 1.3em;
26+
}
27+
28+
samp
29+
{
30+
/* dölj <samp> i webbläsaren så att vi kan visa coola funktioner i Edge Code */
31+
display: none;
32+
}
33+
34+
img
35+
{
36+
background: dimgray;
37+
border: 1px solid black;
38+
border-radius: 2px;
39+
padding: 15px 10px 10px;
40+
margin: 10px 0;
41+
max-width: 95%;
42+
}

‎samples/sv/Kom igang/screenshots/quick-edit.png‎

237 KB
Loading

‎src/nls/sv/urls.js‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
/*
2+
* Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved.
3+
*
4+
* Permission is hereby granted, free of charge, to any person obtaining a
5+
* copy of this software and associated documentation files (the "Software"),
6+
* to deal in the Software without restriction, including without limitation
7+
* the rights to use, copy, modify, merge, publish, distribute, sublicense,
8+
* and/or sell copies of the Software, and to permit persons to whom the
9+
* Software is furnished to do so, subject to the following conditions:
10+
*
11+
* The above copyright notice and this permission notice shall be included in
12+
* all copies or substantial portions of the Software.
13+
*
14+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
15+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
16+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
17+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
18+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
19+
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
20+
* DEALINGS IN THE SOFTWARE.
21+
*
22+
*/
23+
24+
/*jslint vars: true, plusplus: true, devel: true, nomen: true, indent: 4, maxerr: 50 */
25+
/*global define */
26+
27+
define({
28+
// Relative to the samples folder
29+
"GETTING_STARTED" : "sv/Kom igang",
30+
"ADOBE_THIRD_PARTY" : "http://www.adobe.com/go/thirdparty_sv/",
31+
"WEB_PLATFORM_DOCS_LICENSE" : "http://creativecommons.org/licenses/by/3.0/deed.sv"
32+
});

‎src/nls/urls.js‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,7 @@ define(function (require, exports, module) {
3737
"de": true,
3838
"fr": true,
3939
"es": true,
40-
"ru": true
40+
"ru": true,
41+
"sv": true
4142
};
4243
});

0 commit comments

Comments
 (0)