This repository was archived by the owner on Sep 6, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 7.6k
Swedish sample project #4626
Merged
jasonsanjose
merged 4 commits into
adobe:master
from
mikaeljorhult:swedish-sample-project
Aug 2, 2013
Merged
Swedish sample project #4626
Changes from 3 commits
Commits
Show all changes
4 commits
Select commit
Hold shift + click to select a range
File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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 ]:::::] | ||
| [:::::[ ]:::::] | ||
| [:::::[ ]:::::] | ||
| [:::::[ ]:::::] | ||
| [:::::[ ]:::::] | ||
| [::::::[[[[[[[: :]]]]]]]::::::] | ||
| [:::::::::::::: ::::::::::::::] | ||
| [:::::::::::::: ::::::::::::::] | ||
| [[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]] | ||
|
|
||
| --> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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%; | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,32 @@ | ||
| /* | ||
| * Copyright (c) 2012 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" | ||
| }); | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Change to 2013
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good catch. Just pushed a fix.