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

Swedish sample project #4626

Merged
merged 4 commits into from
Aug 2, 2013
Merged

Swedish sample project #4626

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
2b87cc1
Add swedish sample project.
mikaeljorhult Aug 1, 2013
fcde93b
Add url to sample project.
mikaeljorhult Aug 1, 2013
463b9b0
Add swedish to list of projects with sample project.
mikaeljorhult Aug 1, 2013
931894b
Correct year in copyright notice.
mikaeljorhult Aug 1, 2013
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
173 changes: 173 additions & 0 deletions samples/sv/Kom igang/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,173 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>KOM IGÅNG MED BRACKETS</title>
<meta name="description" content="En interaktiv genomgång av Brackets.">
<link rel="stylesheet" href="main.css">
</head>
<body>

<h1>KOM IGÅNG MED BRACKETS</h1>
<h2>Detta är din guide!</h2>

<!--
SKAPAD MED <3 OCH JAVASCRIPT
-->

<p>
Välkommen till en tidig version av Brackets, en ny open-source editor för nästa generation av webben.
Vi är hängivna anhängare av webbstandards och vill bygga bättre verktyg för JavaScript, HTML och CSS
samt relaterade öppna webbteknologier. Detta är vårt ödmjuka första steg.
</p>

<!--
VAD ÄR BRACKETS?
-->
<p>
<em>Brackets är en annan typ av editor.</em>
En anmärkningsvärd skillnad är att denna editor är skriven med JavaScript, HTML och CSS.
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.
Faktum är att vi använder Brackets varje dag, för att bygga Brackets. Det har också ett antal unika funktioner som Quick Edit,
Live Preview och och ytterligare några som du inte hittar i andra editorer.
Läs vidare för att lära dig mer om dessa funktioner.
</p>


<h2>Vi provar en del nya saker</h2>

<!--
FÖRHÅLLANDET MELLAN HTML, CSS OCH JAVASCRIPT
-->
<h3>Quick Edit för CSS och JavaScript</h3>
<p>
Du behöver inte längre tappa sammanhanget när du flyttar mellan olika dokument. När du redigerar HTML kan du
använda kortkommandot <kbd>Cmd/Ctrl + E</kbd> för att öppna en inline-editor som visar all relaterad CSS.
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
öppna och göra dem till en del av din HTML-editor. Om du trycker på <kbd>ESC</kbd> utanför en inline-editor
döljs samtliga.
</p>

<samp>
Vill du se hur det fungerar? Placera markören <!-- <samp> -->-elementet och tryck <kbd>Cmd/Ctrl + E</kbd>.
Då visas CSS quick editorn ovan. Till höger kan du se en lista över alla CSS-regler som är relaterade
till detta element. Skrolla igenom reglerna med kortkommandot <kbd>Alt + Upp/Ner</kbd> för att hitta en
du vill redigera.
</samp>

<a href="screenshots/quick-edit.png">
<img alt="En skärmavbild som visas CSS Quick Edit" src="screenshots/quick-edit.png" />
</a>

<p>
Du kan använda samma kortkommando för JavaScript-kod för att visa definitionen av en funktion när
markören placeras på funktionens namn där du anropar den. Tills vidare kan inline-editorer inte
nästlas så du kan bara använda Quick Edit från den "fullstora" editorn.
</p>

<!--
REALTIDSFÖRHANDSVISNING
-->
<h3>Förhandsvisa CSS-ändringar direkt i webbläsaren</h3>
<p>
Du vet den där "spara och ladda om-proceduren" vi använt oss av i flera år? Den där du gör
en ändring i din editor, sparar, går till webbläsaren och laddar om för att se resultatet?
Med Brackets behöver du inte göra det.
</p>
<p>
Brackets öppnar en <em>direktlänk</em> till din lokala webbläsare och skjuter ut dina CSS-ändringar
medan du skriver! Du kanske redan använder något liknande webbläsarverktyg men med Brackets
behöver du inte kopiera och klistra in koden fram och tillbaka mellan webbläsare och editor. Din kod
körs i webbläsaren men skrivs i din editor!
</p>

<h3>Markera HTML-element och CSS-regler i realtid</h3>
<p>
Brackets gör det enkelt att se hur dina HTML- och CSS-ändringar kommer att påverka sidan. När din markör
står på en CSS-regel markerar Brackets samtliga berörda element i webbläsaren. På samma sätt markerar
Brackets respektive element i webbläsaren när du redigerar HTML-koden.
</p>

<samp>
Om du har Google Chrome installerat kan du prova denna funktion själv. Klicka på blixtikonen
i det övre högra hörnet i ditt Brackets-fönster eller använd kortkommandot <kbd>Cmd/Ctrl + Alt + P</kbd>.
När Live Preview är aktiverat i ett HTML-dokument kommer alla länkade CSS-dokument att kunna editeras
i realtid. Ikonens färg kommer att byta färg från grå till guld när Brackets lyckats skapa en länk
till din webbläsare.

Om du sedan plaerar markören på <!-- <img> -->-taggen ovan se du hur en blå markeringen visas runt
bilden i Chrome. Du kan sedan använda <kbd>Cmd/Ctrl + E</kbd> för att visa de relaterade CSS-reglerna.
Prova att ändra tjockleken på border-egenskapen från 1px till 10px eller att ändra backgrundsfärgen
från "dimgray" till "hotpink". Om Brackets och din webbläsare körs sida vid sida kommer du att se
dina ändringar genomföras direkt i webbläsaren. Coolt va?
</samp>

<p class="note">
För tillfället stöder Brackets bara Live Preview för CSS. Dock laddas webbläsaren automatiskt när du
sparar HTML- eller JavaScript-dokument. Vi jobbar för fullt med att utveckla stöd för Live Preview
även för HTML och JavaScript. Live previews fungerar just nu bara i Google Chrome men med tiden hoppas
vi kunna erbjuda denna funktionalitet i alla större webbläsare.
</p>

<h3>Quick View</h3>
<p>
För de av oss som fortfarande inte memorerat färgkoderna för HEX eller RGB gör Brackets det snabbt och
enkelt att se vilken färg som används. När du pekar över ett färgvärde eller gradient, i antingen
HTML eller CSS, visas en förhandsgranskning av färgen/gradienten automatiskt. Detsamma gäller bilder:
peka på bildens sökväg i Brackets så visas en tumnagelversion av bilden.
</p>

<samp>
Du kan prova Quick View själv genom att placera markören på <!-- <body> -->-taggen i början av detta
dokument och trycka <kbd>Cmd/Ctrl + E</kbd> för att öppna snabbeditorn för CSS. När du pekar över ett
färgvärde i CSS-koden visas motsvarande färg. Du kan utnyttja samma funktion med gradients i snabbeditorn -
placera markören på <!-- <html> -->-taggen och peka på dess background-image-egenskap. Du kan också prova
förhandvisningen av bilder genom att placera markören vid skärmavbildningen tidigare i detta dokument.
</samp>

<!--
BERÄTTA FÖR OSS VAD DU TYCKER
-->
<h2>ENGAGERA DIG</h2>
<p>
Brackets är ett open-source-projekt. Webbutvecklarefrån hela världen bidrar för att göra Brackets till
en bättre kodeditor. Många andra bygger tillägg som ökar Brackets funktionalitet.
Bidra med dina åsiker, idéer eller bidra med kod direkt till projektet.
</p>
<ul>
<li><a href="http://brackets.io">Brackets.io</a></li>
<li><a href="http://blog.brackets.io">Brackets utvecklingsblogg</a></li>
<li><a href="http://github.com/adobe/brackets">Brackets på GitHub</a></li>
<li><a href="https://github.com/adobe/brackets/wiki/Brackets-Extensions">Brackets-tillägg</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 på Twitter</a></li>
<li>Chatta med Brackets-utvecklare via IRC i #brackets på Freenode</li>
</ul>

</body>
</html>
<!--

[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
[:::::::::::::: ::::::::::::::]
[:::::::::::::: ::::::::::::::]
[::::::[[[[[[[: :]]]]]]]::::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ CODE THE WEB ]:::::]
[:::::[ http://brackets.io ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[::::::[[[[[[[: :]]]]]]]::::::]
[:::::::::::::: ::::::::::::::]
[:::::::::::::: ::::::::::::::]
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]

-->
42 changes: 42 additions & 0 deletions samples/sv/Kom igang/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
html {
background-color: #eeeeee;
background-image: linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
background-image: -o-linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
}

body {
margin: 0 auto;
padding: 2em;
max-width: 800px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.5em;
color: #333333;
background-color: #ffffff;
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
}

h1, h2, h3, h4, h5, h6 {
line-height: 1.3em;
}

samp
{
/* dölj <samp> i webbläsaren så att vi kan visa coola funktioner i Edge Code */
display: none;
}

img
{
background: dimgray;
border: 1px solid black;
border-radius: 2px;
padding: 15px 10px 10px;
margin: 10px 0;
max-width: 95%;
}
Binary file added samples/sv/Kom igang/screenshots/quick-edit.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
32 changes: 32 additions & 0 deletions src/nls/sv/urls.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
/*
* Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved.
*
* Permission is hereby granted, free of charge, to any person obtaining a
* copy of this software and associated documentation files (the "Software"),
* to deal in the Software without restriction, including without limitation
* the rights to use, copy, modify, merge, publish, distribute, sublicense,
* and/or sell copies of the Software, and to permit persons to whom the
* Software is furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
* DEALINGS IN THE SOFTWARE.
*
*/

/*jslint vars: true, plusplus: true, devel: true, nomen: true, indent: 4, maxerr: 50 */
/*global define */

define({
// Relative to the samples folder
"GETTING_STARTED" : "sv/Kom igang",
"ADOBE_THIRD_PARTY" : "http://www.adobe.com/go/thirdparty_sv/",
"WEB_PLATFORM_DOCS_LICENSE" : "http://creativecommons.org/licenses/by/3.0/deed.sv"
});
3 changes: 2 additions & 1 deletion src/nls/urls.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,7 @@ define(function (require, exports, module) {
"de": true,
"fr": true,
"es": true,
"ru": true
"ru": true,
"sv": true
};
});