Skip to content

Commit 18474d1

Browse files
author
Narciso Jaramillo
committed
Fixed line endings
1 parent 1ab9071 commit 18474d1

File tree

2 files changed

+495
-495
lines changed

2 files changed

+495
-495
lines changed

‎samples/pl/Szybki Start/index.html

Lines changed: 149 additions & 149 deletions
Original file line numberDiff line numberDiff line change
@@ -1,149 +1,149 @@
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>SZYBKI START Z BRACKETS</title>
8-
<meta name="description" content="Interaktywny poradnik szybkiego startu dla Brackets.">
9-
<link rel="stylesheet" href="main.css">
10-
</head>
11-
<body>
12-
13-
<h1>SZYBKI START Z BRACKETS</h1>
14-
<h2>Oto Twój przewodnik!</h2>
15-
16-
<!--
17-
WYKONANO PRZY UŻYCIU <3 I JAVASCRIPTU
18-
-->
19-
20-
<p>
21-
Witaj we wczesnej wersji Brackets, edytorze open-source dla nowej generacji sieci. Jestemy
22-
wielkimi fanami standardów i chcemy budować lepsze narzędzia dla takich języków jak JavaScript,
23-
HTML i CSS oraz powiązanych z nimi technologii sieciowych. Taki był nasz skromny początek.
24-
</p>
25-
26-
<!--
27-
CZYM JEST BRACKETS?
28-
-->
29-
<p>
30-
<em>Patrzysz na wczesną wersję Brackets.</em>
31-
Na wiele sposobów Brackets jest inny niż typowy edytor. Jedną z różnic jest to, że edytor ten
32-
został napisany w języku JavaScript. Tak więc mimo, iż może on nie być jeszcze gotowy do
33-
codziennego użytku my używamy go codziennie, by budować Brackets.
34-
</p>
35-
36-
37-
<h2>Testujemy kilka nowych rzeczy</h2>
38-
39-
<!--
40-
POWIĄZANIE POMIĘDZY HTML, CSS i JAVASCRIPT
41-
-->
42-
<h3>Szybka edycja CSS i JavaScript</h3>
43-
<p>
44-
Podczas edycji HTMLa użyj skrótu <kbd>Cmd/Ctrl + E</kbd> aby otworzyć szybki wbudowany edytor,
45-
który wywietli wszystkie powiązane style CSS. Wykonaj modyfikacje w kodzie CSS, wciśnij <kbd>ESC</kbd>
46-
i wróć do edycji HTML. Możesz również pozostawić wbudowany edytor otwarty tak, aby stał się częścią
47-
edytora HTML. Jeśli wciśniesz <kbd>ESC</kbd> poza obszarem szybkiego edytora, jego wszystkie okna
48-
zostaną zamknięte. Koniec z przełączaniem sie pomiędzy dokumentami i byciu wyrwanym z kontekstu.
49-
</p>
50-
51-
<samp>
52-
Chcesz go zobaczyć w akcji? Umieść kursor w tagu <!-- <samp> --> i naciśnij <kbd>Cmd/Ctrl + E</kbd>.
53-
Szybki edytor CSS pojawi się nad tym tagiem. Po prawej stronie zobaczysz listę wszystkich reguł,
54-
które są powiązane z tym tagiem. Przełączaj się pomiędzy regułami używając skrótu <kbd>Alt + Góra/Dół</kbd>
55-
aby znaleźć ten, który chcesz edytować.
56-
</samp>
57-
58-
<a href="screenshots/brackets-quick-edit.png">
59-
<img alt="Screenshot pokazujący szybką edycję CSS" src="screenshots/brackets-quick-edit.png" />
60-
</a>
61-
62-
<p>
63-
Możesz użyć tego samego skrótu w kodzie JavaScript, aby zobaczyć kod funkcji, którą przywołujesz,
64-
poprzez umieszczenie kursora na nazwie funkcji. W ten sam sposób możesz również otworzyć narzędzie
65-
wybierania koloru. Po prostu umieść kursor na dowolnym kolorze zapisanym w formacie hex, rgb lub hsl.
66-
Na razie wbudowany szybki edytor nie może być zagnieżdzany, więc możesz używać go jedynie w "pełnowymiarowym"
67-
edytorze.
68-
</p>
69-
70-
<!--
71-
BŁYSKAWICZNY PODGLĄD
72-
-->
73-
<h3>Zmiany w kodzie CSS widoczne na żywo w przeglądarce</h3>
74-
<p>
75-
Zapewne znany Ci jest taniec w stylu "zapisz/przeładuj", który wykonywaliśmy przez ostatnie lata.
76-
Dokonujesz zmian w edytorze, zapisujesz zmiany, przełączasz się do przeglądarki i odświeżasz stronę,
77-
by w końcu zobaczyć rezultat Twojej pracy. Z Brackets taki taniec nie jest konieczny.
78-
</p>
79-
<p>
80-
Brackets utworzy <em>połączenie na żywo</em> z Twoją lokalną przeglądarką i będzie jej przekazywał
81-
wszelkie zmiany w CSS. Być może już dzisiaj korzystasz z podobnego rozwiązania przy użyciu innych
82-
narzędzi, jednak z Brackets nie ma takiej potrzeby. Twój kod działa w przeglądarce, podczas gdy
83-
żyje w edytorze.
84-
</p>
85-
86-
<samp>
87-
Jeśli posiadasz zainstalowaną przeglądarkę Google Chrome możesz wypróbować to już teraz. Kliknij
88-
ikonkę błyskawicy (stąd nazwa: Błyskawiczny Podgląd) w prawym górnym rogu lub naciśnij skrót
89-
<kbd>Cmd/Ctrl + Alt + P</kbd>. Kiedy Błyskawiczny Podgląd zostanie włączony w dokumencie HTML
90-
wszystkie połączone z nim pliki CSS mogą być edytowane w czasie rzeczywistym. Ikona zmieni kolor
91-
z szarej na złotą gdy Błyskawiczny Podgląd nawiąże połączenie z Twoją przeglądarką.
92-
93-
Teraz umieść kursor na tagu <!-- <img> --> i wciśnij <kbd>Cmd/Ctrl + E</kbd> aby otworzyć zdefiniowane
94-
style CSS dla tego tagu. Spróbuj zmienić rozmiar obramowania z 1px do 10px lub zmienić kolor tła
95-
z "nudnego szarego" na "seksowny róż". Jeśli masz umieszczone okna przeglądarki i Brackets obok siebie
96-
zobaczysz, że zmiany są natychmiast uwzględniane w przegladarce. Nieźle co?
97-
</samp>
98-
99-
<p class="note">
100-
Na dzień dzisiejszy Błyskawiczny Podgląd działa jedynie dla plików CSS. Aktualnie pracujemy nad tym,
101-
aby dodać obsługę plików HTML i JavaScript. W aktualnej wersji zmiany w plikach HTML lub JavaScript
102-
są automatycznie uwzględniane w momencie zapisu. Błyskawiczny Podgląd działa jedynie z Google Chrome.
103-
Pragniemy wprowadzić tą funkcję we wszystkich najważniejszych przeglądarkach i mamy nadzieję na
104-
współpracę ze strony autorów tych przeglądarek, by stało się to faktem.
105-
</p>
106-
107-
<!--
108-
DAJ ZNAĆ CO O TYM SĄDZISZ
109-
-->
110-
<h2>Zaangażuj się</h2>
111-
<p>
112-
Brackets jest projektem open-source. Web developerzy z całego świata angażują się by budować coraz
113-
to lepszy edytor kodu. Daj nam znać co o nim sądzisz, podziel się swoimi pomysłami lub dodaj coś
114-
bezpośrednio do projektu.
115-
</p>
116-
<ul>
117-
<li><a href="http://brackets.io">Brackets.io</a></li>
118-
<li><a href="http://blog.brackets.io">Blog Zespołu Brackets</a></li>
119-
<li><a href="http://github.com/adobe/brackets">Brackets na GitHub</a></li>
120-
<li><a href="http://github.com/adobe/brackets/wiki">Brackets Wiki</a></li>
121-
<li><a href="http://groups.google.com/group/brackets-dev">Developerska Lista Mailingowa Brackets</a></li>
122-
<li><a href="https://twitter.com/#!/brackets">@Brackets na Twitterze</a></li>
123-
<li>Czatuj z developerami Brackets na IRCu w kanale #brackets na Freenode.</li>
124-
</ul>
125-
126-
</body>
127-
</html>
128-
<!--
129-
130-
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
131-
[:::::::::::::: ::::::::::::::]
132-
[:::::::::::::: ::::::::::::::]
133-
[::::::[[[[[[[: :]]]]]]]::::::]
134-
[:::::[ ]:::::]
135-
[:::::[ ]:::::]
136-
[:::::[ ]:::::]
137-
[:::::[ ]:::::]
138-
[:::::[ CODE THE WEB ]:::::]
139-
[:::::[ http://brackets.io ]:::::]
140-
[:::::[ ]:::::]
141-
[:::::[ ]:::::]
142-
[:::::[ ]:::::]
143-
[:::::[ ]:::::]
144-
[::::::[[[[[[[: :]]]]]]]::::::]
145-
[:::::::::::::: ::::::::::::::]
146-
[:::::::::::::: ::::::::::::::]
147-
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
148-
149-
-->
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>SZYBKI START Z BRACKETS</title>
8+
<meta name="description" content="Interaktywny poradnik szybkiego startu dla Brackets.">
9+
<link rel="stylesheet" href="main.css">
10+
</head>
11+
<body>
12+
13+
<h1>SZYBKI START Z BRACKETS</h1>
14+
<h2>Oto Twój przewodnik!</h2>
15+
16+
<!--
17+
WYKONANO PRZY UŻYCIU <3 I JAVASCRIPTU
18+
-->
19+
20+
<p>
21+
Witaj we wczesnej wersji Brackets, edytorze open-source dla nowej generacji sieci. Jestemy
22+
wielkimi fanami standardów i chcemy budować lepsze narzędzia dla takich języków jak JavaScript,
23+
HTML i CSS oraz powiązanych z nimi technologii sieciowych. Taki był nasz skromny początek.
24+
</p>
25+
26+
<!--
27+
CZYM JEST BRACKETS?
28+
-->
29+
<p>
30+
<em>Patrzysz na wczesną wersję Brackets.</em>
31+
Na wiele sposobów Brackets jest inny niż typowy edytor. Jedną z różnic jest to, że edytor ten
32+
został napisany w języku JavaScript. Tak więc mimo, iż może on nie być jeszcze gotowy do
33+
codziennego użytku my używamy go codziennie, by budować Brackets.
34+
</p>
35+
36+
37+
<h2>Testujemy kilka nowych rzeczy</h2>
38+
39+
<!--
40+
POWIĄZANIE POMIĘDZY HTML, CSS i JAVASCRIPT
41+
-->
42+
<h3>Szybka edycja CSS i JavaScript</h3>
43+
<p>
44+
Podczas edycji HTMLa użyj skrótu <kbd>Cmd/Ctrl + E</kbd> aby otworzyć szybki wbudowany edytor,
45+
który wywietli wszystkie powiązane style CSS. Wykonaj modyfikacje w kodzie CSS, wciśnij <kbd>ESC</kbd>
46+
i wróć do edycji HTML. Możesz również pozostawić wbudowany edytor otwarty tak, aby stał się częścią
47+
edytora HTML. Jeśli wciśniesz <kbd>ESC</kbd> poza obszarem szybkiego edytora, jego wszystkie okna
48+
zostaną zamknięte. Koniec z przełączaniem sie pomiędzy dokumentami i byciu wyrwanym z kontekstu.
49+
</p>
50+
51+
<samp>
52+
Chcesz go zobaczyć w akcji? Umieść kursor w tagu <!-- <samp> --> i naciśnij <kbd>Cmd/Ctrl + E</kbd>.
53+
Szybki edytor CSS pojawi się nad tym tagiem. Po prawej stronie zobaczysz listę wszystkich reguł,
54+
które są powiązane z tym tagiem. Przełączaj się pomiędzy regułami używając skrótu <kbd>Alt + Góra/Dół</kbd>
55+
aby znaleźć ten, który chcesz edytować.
56+
</samp>
57+
58+
<a href="screenshots/brackets-quick-edit.png">
59+
<img alt="Screenshot pokazujący szybką edycję CSS" src="screenshots/brackets-quick-edit.png" />
60+
</a>
61+
62+
<p>
63+
Możesz użyć tego samego skrótu w kodzie JavaScript, aby zobaczyć kod funkcji, którą przywołujesz,
64+
poprzez umieszczenie kursora na nazwie funkcji. W ten sam sposób możesz również otworzyć narzędzie
65+
wybierania koloru. Po prostu umieść kursor na dowolnym kolorze zapisanym w formacie hex, rgb lub hsl.
66+
Na razie wbudowany szybki edytor nie może być zagnieżdzany, więc możesz używać go jedynie w "pełnowymiarowym"
67+
edytorze.
68+
</p>
69+
70+
<!--
71+
BŁYSKAWICZNY PODGLĄD
72+
-->
73+
<h3>Zmiany w kodzie CSS widoczne na żywo w przeglądarce</h3>
74+
<p>
75+
Zapewne znany Ci jest taniec w stylu "zapisz/przeładuj", który wykonywaliśmy przez ostatnie lata.
76+
Dokonujesz zmian w edytorze, zapisujesz zmiany, przełączasz się do przeglądarki i odświeżasz stronę,
77+
by w końcu zobaczyć rezultat Twojej pracy. Z Brackets taki taniec nie jest konieczny.
78+
</p>
79+
<p>
80+
Brackets utworzy <em>połączenie na żywo</em> z Twoją lokalną przeglądarką i będzie jej przekazywał
81+
wszelkie zmiany w CSS. Być może już dzisiaj korzystasz z podobnego rozwiązania przy użyciu innych
82+
narzędzi, jednak z Brackets nie ma takiej potrzeby. Twój kod działa w przeglądarce, podczas gdy
83+
żyje w edytorze.
84+
</p>
85+
86+
<samp>
87+
Jeśli posiadasz zainstalowaną przeglądarkę Google Chrome możesz wypróbować to już teraz. Kliknij
88+
ikonkę błyskawicy (stąd nazwa: Błyskawiczny Podgląd) w prawym górnym rogu lub naciśnij skrót
89+
<kbd>Cmd/Ctrl + Alt + P</kbd>. Kiedy Błyskawiczny Podgląd zostanie włączony w dokumencie HTML
90+
wszystkie połączone z nim pliki CSS mogą być edytowane w czasie rzeczywistym. Ikona zmieni kolor
91+
z szarej na złotą gdy Błyskawiczny Podgląd nawiąże połączenie z Twoją przeglądarką.
92+
93+
Teraz umieść kursor na tagu <!-- <img> --> i wciśnij <kbd>Cmd/Ctrl + E</kbd> aby otworzyć zdefiniowane
94+
style CSS dla tego tagu. Spróbuj zmienić rozmiar obramowania z 1px do 10px lub zmienić kolor tła
95+
z "nudnego szarego" na "seksowny róż". Jeśli masz umieszczone okna przeglądarki i Brackets obok siebie
96+
zobaczysz, że zmiany są natychmiast uwzględniane w przegladarce. Nieźle co?
97+
</samp>
98+
99+
<p class="note">
100+
Na dzień dzisiejszy Błyskawiczny Podgląd działa jedynie dla plików CSS. Aktualnie pracujemy nad tym,
101+
aby dodać obsługę plików HTML i JavaScript. W aktualnej wersji zmiany w plikach HTML lub JavaScript
102+
są automatycznie uwzględniane w momencie zapisu. Błyskawiczny Podgląd działa jedynie z Google Chrome.
103+
Pragniemy wprowadzić tą funkcję we wszystkich najważniejszych przeglądarkach i mamy nadzieję na
104+
współpracę ze strony autorów tych przeglądarek, by stało się to faktem.
105+
</p>
106+
107+
<!--
108+
DAJ ZNAĆ CO O TYM SĄDZISZ
109+
-->
110+
<h2>Zaangażuj się</h2>
111+
<p>
112+
Brackets jest projektem open-source. Web developerzy z całego świata angażują się by budować coraz
113+
to lepszy edytor kodu. Daj nam znać co o nim sądzisz, podziel się swoimi pomysłami lub dodaj coś
114+
bezpośrednio do projektu.
115+
</p>
116+
<ul>
117+
<li><a href="http://brackets.io">Brackets.io</a></li>
118+
<li><a href="http://blog.brackets.io">Blog Zespołu Brackets</a></li>
119+
<li><a href="http://github.com/adobe/brackets">Brackets na GitHub</a></li>
120+
<li><a href="http://github.com/adobe/brackets/wiki">Brackets Wiki</a></li>
121+
<li><a href="http://groups.google.com/group/brackets-dev">Developerska Lista Mailingowa Brackets</a></li>
122+
<li><a href="https://twitter.com/#!/brackets">@Brackets na Twitterze</a></li>
123+
<li>Czatuj z developerami Brackets na IRCu w kanale #brackets na Freenode.</li>
124+
</ul>
125+
126+
</body>
127+
</html>
128+
<!--
129+
130+
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
131+
[:::::::::::::: ::::::::::::::]
132+
[:::::::::::::: ::::::::::::::]
133+
[::::::[[[[[[[: :]]]]]]]::::::]
134+
[:::::[ ]:::::]
135+
[:::::[ ]:::::]
136+
[:::::[ ]:::::]
137+
[:::::[ ]:::::]
138+
[:::::[ CODE THE WEB ]:::::]
139+
[:::::[ http://brackets.io ]:::::]
140+
[:::::[ ]:::::]
141+
[:::::[ ]:::::]
142+
[:::::[ ]:::::]
143+
[:::::[ ]:::::]
144+
[::::::[[[[[[[: :]]]]]]]::::::]
145+
[:::::::::::::: ::::::::::::::]
146+
[:::::::::::::: ::::::::::::::]
147+
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
148+
149+
-->

0 commit comments

Comments
 (0)