@@ -30,8 +30,8 @@ <h2>Tämä on oppaasi!</h2>
30
30
< p >
31
31
< em > Brackets on erityyppinen editori.</ em >
32
32
Yksi huomattava ero on se, että tämä editori on kirjoitettu JavaScriptilla, HTML:llä ja CSS:llä. Tämä
33
- tarkoittaa, että useimmilla Brackets-sovelluksen käyttäjillä on on välttämättömät taidot muokata ja
34
- laajentaa editoria. Itse asiassa käytämme Bracketsia joka päivä Brackets’n rakentamiseen. Siinä on myös
33
+ tarkoittaa, että useimmilla Brackets-sovelluksen käyttäjillä on välttämättömät taidot muokata ja
34
+ laajentaa editoria. Itse asiassa käytämme Bracketsia joka päivä Bracketsin rakentamiseen. Siinä on myös
35
35
joitakin ainutlaatuisia ominaisuuksia, kuten pikamuokkaus, reaaliaikainen esikatselu ja muita, joita et
36
36
voi löytää toisista editoreista. Oppiaksesi lisää, kuinka käyttää näitä ominaisuuksia, jatka lukemista.
37
37
</ p >
@@ -80,27 +80,27 @@ <h3>Esikatsele CSS:n muutoksia reaaliaikaisesti selaimessa</h3>
80
80
< p >
81
81
Brackets avaa < em > reaaliaikaisen yhteyden</ em > paikalliseen selaimeesi ja vie CSS:n päivitykset samalla
82
82
kun kirjoitat! Saatat jo olla tehnyt jotain tämän kaltaista selainpohjaisilla työkaluilla, mutta
83
- Brackets’lla ei tarvitse kopioida ja liittää lopullista CSS:ää takaisin editoriin. Koodisi suoritetaan
83
+ Bracketsilla ei tarvitse kopioida ja liittää lopullista CSS:ää takaisin editoriin. Koodisi suoritetaan
84
84
selaimessasi, mutta se sijaitsee editorissasi!
85
85
</ p >
86
86
87
87
< h3 > Korosta HTML-elementtejä ja CSS-sääntöjä reaaliaikaisesti</ h3 >
88
88
< p >
89
89
Brackets tekee helpoksi nähdä, kuinka muutoksesi HTML:ssä ja CSS:ssä vaikuttavat sivuun. Kun
90
- osoittimesi on CSS-säännön päällä, Brackets korostaa kaikki vaikuttavat elementit selaimessa. Samoin,
91
- kun muokatessa HTML-tiedostoa, Brackets korostaa vastaavat HTML-elementit selaimessa.
90
+ osoittimesi on CSS-säännön päällä, Brackets korostaa kaikki vaikuttavat elementit selaimessa. Samoin
91
+ kuin muokatessa HTML-tiedostoa, Brackets korostaa vastaavat HTML-elementit selaimessa.
92
92
</ p >
93
93
94
94
< samp >
95
95
Jos sinulla on Google Chrome asennettuna, voit kokeilla tätä itse. Napsauta salama-kuvaketta
96
- Brackets-ikkunan oikeassa yläkulmassa tai napsauta < kbd > Cmd/Ctrl + Alt + P</ kbd > . Kun esikatselu on
96
+ Brackets-ikkunan oikeassa yläkulmassa tai paina < kbd > Cmd/Ctrl + Alt + P</ kbd > . Kun esikatselu on
97
97
käytössä HTML-dokumentissa, kaikkia linkitettyjä CSS-dokumentteja voidaan muokata reaaliajassa. Kuvake
98
98
muuttuu harmaasta kultaiseksi, kun Brackets muodostaa yhteyden selaimeesi.
99
99
100
100
Aseta osoittimesi nyt <!-- <img> --> -tagin yläpuolelle. Huomaa sininen korostus, joka ilmestyy kuvan
101
101
ympärille Chromessa. Käytä seuraavaksi < kbd > Cmd/Ctrl + E</ kbd > -pikanäppäintä avataksesi määritellyt
102
- säännöt. Yritä muuttaa kehyksen kokoa 1 pikselistä 10 pikseliin tai vaihda taustaväriä ”dimgray”:sta
103
- ”hotpink”:iin . Jos sinulla on Brackets ja selaimesi suoritetaan rintarinnan sen kanssa , näet muutokset
102
+ säännöt. Yritä muuttaa kehyksen kokoa 1 pikselistä 10 pikseliin tai vaihtaa taustaväriä ”dimgraysta”
103
+ ”hotpinkiin” . Jos sinulla on Brackets ja selaimesi rinta rinnan , näet muutokset
104
104
välittömästi selaimessasi. Siistiä, eikö?
105
105
</ samp >
106
106
@@ -115,16 +115,16 @@ <h3>Korosta HTML-elementtejä ja CSS-sääntöjä reaaliaikaisesti</h3>
115
115
< h3 > Pikanäkymä</ h3 >
116
116
< p >
117
117
Niille meistä, joilla ei ole vielä muistissa värien vastineita HEX- tai RGB-arvoina, Brackets tekee
118
- nopeaksi ja helpoksi nähdä täsmälleen, mitä väriä käyttää. Sekä CSS:ssä että HTML:ssä, yksinkertaisesti
119
- osoita mitä tahansa väriarvoa tai gradienttia ja Brackets näyttää esikatselun tästä
120
- väristä/gradientista automaattisesti. Sama tulee kuviin: yksinkertaisesti osoita kuvalinkkiä
118
+ nopeaksi ja helpoksi nähdä täsmälleen, mitä väriä käyttää. Sekä CSS:ssä että HTML:ssä yksinkertaisesti
119
+ osoita mitä tahansa väriarvoa tai liukuväriä ja Brackets näyttää esikatselun tästä
120
+ väristä/liukuväristä automaattisesti. Sama tulee kuviin: yksinkertaisesti osoita kuvalinkkiä
121
121
Brackets-editorissa ja se näyttää esikatselussa tämän kuvan pikkukuvan.
122
122
</ p >
123
123
124
124
< samp >
125
125
Kokeillaksesi pikanäkymää itse aseta osoittimesi <!-- <body> --> -tagin päälle tämän dokumentin
126
126
yläosaan ja paina < kbd > Cmd/Ctrl + E</ kbd > avataksesi CSS:n pikaeditorin. Nyt yksinkertaisesti osoita
127
- mitä tahansa väriarvoista CSS:n sisällä. Voit myös nähdä sen toiminnassa gradienteissa avaamalla CSS:n
127
+ mitä tahansa väriarvoista CSS:n sisällä. Voit myös nähdä sen toiminnassa liukuvärin kohdalla avaamalla CSS:n
128
128
pikaeditorin <!-- <html> --> -tagilla ja osoittamalla mitä tahansa taustakuvan arvoista. Kokeillaksesi
129
129
kuvan esikatselua aseta osoittimesi kuvankaappauskuvan päälle, joka on aimemmin tässä asiakirjassa.
130
130
</ samp >
@@ -135,18 +135,18 @@ <h3>Pikanäkymä</h3>
135
135
< h2 > Tule mukaan</ h2 >
136
136
< p >
137
137
Brackets on avoimen lähdekoodin projekti. Web-kehittäjät ympäri maailmaa osallistuvat paremman
138
- koodieditorin rakentamiseen. Monet muut rakentavat laajennuksia, jotka laajentavat Brackets’n kykyjä.
138
+ koodieditorin rakentamiseen. Monet muut rakentavat laajennuksia, jotka laajentavat Bracketsin kykyjä.
139
139
Anna meidän tietää, mitä mieltä olet. Jaa ideasi tai osallistu suoraan projektiin.
140
140
</ p >
141
141
< ul >
142
142
< li > < a href ="http://brackets.io "> Brackets.io</ a > </ li >
143
143
< li > < a href ="http://blog.brackets.io "> Brackets-tiimin blogi</ a > </ li >
144
- < li > < a href ="http://github.com/adobe/brackets "> Brackets GitHub’ssa </ a > </ li >
144
+ < li > < a href ="http://github.com/adobe/brackets "> Brackets GitHubissa </ a > </ li >
145
145
< li > < a href ="https://github.com/adobe/brackets/wiki/Brackets-Extensions "> Brackets-laajennukset</ a > </ li >
146
146
< li > < a href ="http://github.com/adobe/brackets/wiki "> Brackets Wiki</ a > </ li >
147
147
< li > < a href ="http://groups.google.com/group/brackets-dev "> Brackets-kehittäjien postituslista</ a > </ li >
148
148
< li > < a href ="https://twitter.com/#!/brackets "> @Brackets Twitterissä</ a > </ li >
149
- < li > Chattaa Brackets-kehittäjien kanssa IRC:ssä #brackets’ssa Freenode-palvelussa</ li >
149
+ < li > Chattaa Brackets-kehittäjien kanssa IRC:ssä #bracketsissa Freenode-palvelussa</ li >
150
150
</ ul >
151
151
152
152
</ body >
0 commit comments