Skip to content
This repository was archived by the owner on Sep 6, 2021. It is now read-only.
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
175 changes: 175 additions & 0 deletions samples/fi/Aloitus/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,175 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BRACKETS-ALOITUSOPAS</title>
<meta name="description" content="Interaktiivinen aloitusopas Brackets-sovellukselle.">
<link rel="stylesheet" href="main.css">
</head>
<body>

<h1>BRACKETS-ALOITUSOPAS</h1>
<h2>Tämä on oppaasi!</h2>

<!--
TEHTY <3:LLA JA JAVASCRIPTILLA
-->

<p>
Tervetuloa varhaiseen Brackets-sovelluksen esiversioon, uuteen avoimen lähdekoodin editoriin seuraavan
web-sukupolven puolesta. Olemme suuria standardien faneja ja haluamme rakentaa paremmat työkalut
JavaScriptille, HTML:lle ja CSS:lle sekä niihin liittyville avoimille web-tekniikoille. Tämä on nöyrä
alkumme.
</p>

<!--
MIKÄ ON BRACKETS?
-->
<p>
<em>Brackets on erityyppinen editori.</em>
Yksi huomattava ero on se, että tämä editori on kirjoitettu JavaScriptilla, HTML:llä ja CSS:llä. Tämä
tarkoittaa, että useimmilla Brackets-sovelluksen käyttäjillä on on välttämättömät taidot muokata ja
laajentaa editoria. Itse asiassa käytämme Bracketsia joka päivä Brackets’n rakentamiseen. Siinä on myös
joitakin ainutlaatuisia ominaisuuksia, kuten pikamuokkaus, reaaliaikainen esikatselu ja muita, joita et
voi löytää toisista editoreista. Oppiaksesi lisää, kuinka käyttää näitä ominaisuuksia, jatka lukemista.
</p>


<h2>Kokeilemme muutamia uusia asioita</h2>

<!--
HTML:N, CSS:N JA JAVASCRIPTIN VÄLINEN SUHDE
-->
<h3>Pikamuokkaus CSS:lle ja JavaScriptille</h3>
<p>
Ei lisää dokumenttien välillä vaihtamista ja tietojen menetyksiä. Kun muokkaat HTML:ää, käytä
<kbd>Cmd/Ctrl + E</kbd> -pikanäppäintä avataksesi nopean sisäeditorin, joka näyttää kaiken tiedostoon
liittyvän CSS:n. Tee muokkaus CSS:ääsi, paina <kbd>ESC</kbd>-näppäintä ja olet takaisin editoimassa
HTML:ää, tai jätä vain CSS-säännöt auki ja ne tulevat osaksi HTML-editoriasi. Jos painat
<kbd>ESC</kbd>-näppäintä nopean sisäeditorin ulkopuolella, ne kaikki sulkeutuvat.
</p>

<samp>
Haluatko nähdä sen toiminnassa? Aseta osoittimesi alla olevan <!-- <samp> --> -tagin päälle ja paina
<kbd>Cmd/Ctrl + E</kbd>. Sinun pitäisi nähdä CSS-pikaeditorin ilmestyvän alapuolelle. Oikealla näet
luettelon CSS-säännöistä, jotka liittyvät tähän tagiin. Yksinkertaisesti vieritä sääntöjä
<kbd>Alt + Up/Down</kbd> -pikanäppäimillä löytääksesi sen säännön, jota haluat muokata.
</samp>

<a href="screenshots/quick-edit.png">
<img alt="Kuvankaappaus näyttää CSS:n pikamuokkauksen" src="screenshots/quick-edit.png" />
</a>

<p>
Voit käyttää samaa oikotietä JavaScript-koodille näyttääksesi funktion vartalon asettamalla osoittimen
sen funktion nimen päälle, jota kutsut. Toistaiseksi sisäeditorit eivät voi olla sisäkkäin, joten voit
käyttää pikamuokkausta vain, kun osoitin on täyskokoisessa editorissa.
</p>

<!--
ESIKATSELU
-->
<h3>Esikatsele CSS:n muutoksia reaaliaikaisesti selaimessa</h3>
<p>
Tiedätkö sen ”tallenna/päivitä-tanssin”, jota olemme tehneet vuosia? Se, missä tehdään muutoksia
editorissa, napsautetaan tallenna, vaihdetaan selaimeen ja sitten päivitetään nähdäksemme tulos?
Brackets-sovelluksessa sinun ei tarvitse harrastaa tätä tanssia.
</p>
<p>
Brackets avaa <em>reaaliaikaisen yhteyden</em> paikalliseen selaimeesi ja vie CSS:n päivitykset samalla
kun kirjoitat! Saatat jo olla tehnyt jotain tämän kaltaista selainpohjaisilla työkaluilla, mutta
Brackets’lla ei tarvitse kopioida ja liittää lopullista CSS:ää takaisin editoriin. Koodisi suoritetaan
selaimessasi, mutta se sijaitsee editorissasi!
</p>

<h3>Korosta HTML-elementtejä ja CSS-sääntöjä reaaliaikaisesti</h3>
<p>
Brackets tekee helpoksi nähdä, kuinka muutoksesi HTML:ssä ja CSS:ssä vaikuttavat sivuun. Kun
osoittimesi on CSS-säännön päällä, Brackets korostaa kaikki vaikuttavat elementit selaimessa. Samoin,
kun muokatessa HTML-tiedostoa, Brackets korostaa vastaavat HTML-elementit selaimessa.
</p>

<samp>
Jos sinulla on Google Chrome asennettuna, voit kokeilla tätä itse. Napsauta salama-kuvaketta
Brackets-ikkunan oikeassa yläkulmassa tai napsauta <kbd>Cmd/Ctrl + Alt + P</kbd>. Kun esikatselu on
käytössä HTML-dokumentissa, kaikkia linkitettyjä CSS-dokumentteja voidaan muokata reaaliajassa. Kuvake
muuttuu harmaasta kultaiseksi, kun Brackets muodostaa yhteyden selaimeesi.

Aseta osoittimesi nyt <!-- <img> --> -tagin yläpuolelle. Huomaa sininen korostus, joka ilmestyy kuvan
ympärille Chromessa. Käytä seuraavaksi <kbd>Cmd/Ctrl + E</kbd> -pikanäppäintä avataksesi määritellyt
säännöt. Yritä muuttaa kehyksen kokoa 1 pikselistä 10 pikseliin tai vaihda taustaväriä ”dimgray”:sta
”hotpink”:iin. Jos sinulla on Brackets ja selaimesi suoritetaan rintarinnan sen kanssa, näet muutokset
välittömästi selaimessasi. Siistiä, eikö?
</samp>

<p class="note">
Nykyisin Brackets tukee esikatselua vain CSS:lle. Kuitenkin nykyisessä versiossa muutokset HTML- ja
JavaScript-tiedostoihin päivitetään automaattisesti, kun tallennat tiedoston. Työskentelemme tällä
hetkellä tuodaksemme tuen HTML:lle ja JavaScriptille. Esikatselut ovat myös mahdollisia vain Google
Chromella, mutta toivomme saavamme tämän toiminnallisuuden kaikille merkittäville selaimille
tulevaisuudessa.
</p>

<h3>Pikanäkymä</h3>
<p>
Niille meistä, joilla ei ole vielä muistissa värien vastineita HEX- tai RGB-arvoina, Brackets tekee
nopeaksi ja helpoksi nähdä täsmälleen, mitä väriä käyttää. Sekä CSS:ssä että HTML:ssä, yksinkertaisesti
osoita mitä tahansa väriarvoa tai gradienttia ja Brackets näyttää esikatselun tästä
väristä/gradientista automaattisesti. Sama tulee kuviin: yksinkertaisesti osoita kuvalinkkiä
Brackets-editorissa ja se näyttää esikatselussa tämän kuvan pikkukuvan.
</p>

<samp>
Kokeillaksesi pikanäkymää itse aseta osoittimesi <!-- <body> --> -tagin päälle tämän dokumentin
yläosaan ja paina <kbd>Cmd/Ctrl + E</kbd> avataksesi CSS:n pikaeditorin. Nyt yksinkertaisesti osoita
mitä tahansa väriarvoista CSS:n sisällä. Voit myös nähdä sen toiminnassa gradienteissa avaamalla CSS:n
pikaeditorin <!-- <html> --> -tagilla ja osoittamalla mitä tahansa taustakuvan arvoista. Kokeillaksesi
kuvan esikatselua aseta osoittimesi kuvankaappauskuvan päälle, joka on aimemmin tässä asiakirjassa.
</samp>

<!--
ANNA MEIDÄN TIETÄÄ, MITÄ MIELTÄ OLET
-->
<h2>Tule mukaan</h2>
<p>
Brackets on avoimen lähdekoodin projekti. Web-kehittäjät ympäri maailmaa osallistuvat paremman
koodieditorin rakentamiseen. Monet muut rakentavat laajennuksia, jotka laajentavat Brackets’n kykyjä.
Anna meidän tietää, mitä mieltä olet. Jaa ideasi tai osallistu suoraan projektiin.
</p>
<ul>
<li><a href="http://brackets.io">Brackets.io</a></li>
<li><a href="http://blog.brackets.io">Brackets-tiimin blogi</a></li>
<li><a href="http://github.com/adobe/brackets">Brackets GitHub’ssa</a></li>
<li><a href="https://github.com/adobe/brackets/wiki/Brackets-Extensions">Brackets-laajennukset</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-kehittäjien postituslista</a></li>
<li><a href="https://twitter.com/#!/brackets">@Brackets Twitterissä</a></li>
<li>Chattaa Brackets-kehittäjien kanssa IRC:ssä #brackets’ssa Freenode-palvelussa</li>
</ul>

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

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

-->
42 changes: 42 additions & 0 deletions samples/fi/Aloitus/main.css
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
{
/* hide <samp> from the browser so we can show cool features in Edge Code */
display: none;
}

img
{
background: dimgray;
border: 1px solid black;
border-radius: 2px;
padding: 15px 10px 10px;
margin: 10px 0;
max-width: 95%;
}
13 changes: 9 additions & 4 deletions src/nls/fi/strings.js
Original file line number Diff line number Diff line change
Expand Up @@ -133,7 +133,9 @@ define({
"FIND_IN_FILES_MATCH" : "vastaavuus",
"FIND_IN_FILES_MATCHES" : "vastaavuutta",
"FIND_IN_FILES_MORE_THAN" : "Enemmän kuin ",
"FIND_IN_FILES_MAX" : " (näytetään ensimmäiset {0} vastaavuutta)",
"FIND_IN_FILES_PAGING" : "{0}&mdash;{1}",
"FIND_IN_FILES_LESS" : " <a href='#' class='find-less'>Vähemmän</a>",
"FIND_IN_FILES_MORE" : " <a href='#' class='find-more'>Enemmän</a>",
"FIND_IN_FILES_FILE_PATH" : "Tiedosto: <span class='dialog-filename'>{0}</span>",
"FIND_IN_FILES_LINE" : "Rivi: {0}",

Expand All @@ -151,13 +153,17 @@ define({
* Keyboard modifier names
*/
"KEYBOARD_CTRL" : "Ctrl",
"KEYBOARD_SHIFT" : "Shift",
"KEYBOARD_SHIFT" : "Vaihto",
"KEYBOARD_SPACE" : "Välilyönti",

/**
* StatusBar strings
*/
"STATUSBAR_CURSOR_POSITION" : "Rivi {0}, Merkki {1}",
"STATUSBAR_SELECTION_CH_SINGULAR" : " \u2014 Valittu {0} merkki",
"STATUSBAR_SELECTION_CH_PLURAL" : " \u2014 Valittu {0} merkkiä",
"STATUSBAR_SELECTION_LINE_SINGULAR" : " \u2014 Valittu {0} rivi",
"STATUSBAR_SELECTION_LINE_PLURAL" : " \u2014 Valittu {0} riviä",
"STATUSBAR_INDENT_TOOLTIP_SPACES" : "Napsauta muuttaaksesi sisennys välilyönneiksi",
"STATUSBAR_INDENT_TOOLTIP_TABS" : "Napsauta muuttaaksesi sisennys sarkainmerkeiksi",
"STATUSBAR_INDENT_SIZE_TOOLTIP_SPACES" : "Napsauta muuttaaksesi sisennyksenä käytettävien välilyöntien määrää",
Expand Down Expand Up @@ -275,7 +281,6 @@ define({
// Strings for main-view.html
"EXPERIMENTAL_BUILD" : "kokeellinen koontiversio",
"DEVELOPMENT_BUILD" : "kehityskoontiversio",
"SEARCH_RESULTS" : "Hakutulokset",
"OK" : "OK",
"DONT_SAVE" : "Älä tallenna",
"SAVE" : "Tallenna",
Expand Down Expand Up @@ -387,7 +392,7 @@ define({
* Unit names
*/

"UNIT_PIXELS" : "pixels",
"UNIT_PIXELS" : "pikselit",

// extensions/default/DebugCommands
"DEBUG_MENU" : "Kehitys",
Expand Down
32 changes: 32 additions & 0 deletions src/nls/fi/urls.js
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" : "fi/Aloitus",
"ADOBE_THIRD_PARTY" : "http://www.adobe.com/go/thirdparty_fi/",
"WEB_PLATFORM_DOCS_LICENSE" : "http://creativecommons.org/licenses/by/3.0/deed.fi"
});