This repository has been 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
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #3235 from rafalborowski/polish-lang
Polish Language
- Loading branch information
Showing
6 changed files
with
563 additions
and
0 deletions.
There are no files selected for viewing
This file contains 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,149 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
|
||
<head> | ||
<meta charset="utf-8"> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
<title>SZYBKI START Z BRACKETS</title> | ||
<meta name="description" content="Interaktywny poradnik szybkiego startu dla Brackets."> | ||
<link rel="stylesheet" href="main.css"> | ||
</head> | ||
<body> | ||
|
||
<h1>SZYBKI START Z BRACKETS</h1> | ||
<h2>Oto Twój przewodnik!</h2> | ||
|
||
<!-- | ||
WYKONANO PRZY UŻYCIU <3 I JAVASCRIPTU | ||
--> | ||
|
||
<p> | ||
Witaj we wczesnej wersji Brackets, edytorze open-source dla nowej generacji sieci. Jestemy | ||
wielkimi fanami standardów i chcemy budować lepsze narzędzia dla takich języków jak JavaScript, | ||
HTML i CSS oraz powiązanych z nimi technologii sieciowych. Taki był nasz skromny początek. | ||
</p> | ||
|
||
<!-- | ||
CZYM JEST BRACKETS? | ||
--> | ||
<p> | ||
<em>Patrzysz na wczesną wersję Brackets.</em> | ||
Na wiele sposobów Brackets jest inny niż typowy edytor. Jedną z różnic jest to, że edytor ten | ||
został napisany w języku JavaScript. Tak więc mimo, iż może on nie być jeszcze gotowy do | ||
codziennego użytku my używamy go codziennie, by budować Brackets. | ||
</p> | ||
|
||
|
||
<h2>Testujemy kilka nowych rzeczy</h2> | ||
|
||
<!-- | ||
POWIĄZANIE POMIĘDZY HTML, CSS i JAVASCRIPT | ||
--> | ||
<h3>Szybka edycja CSS i JavaScript</h3> | ||
<p> | ||
Podczas edycji HTMLa użyj skrótu <kbd>Cmd/Ctrl + E</kbd> aby otworzyć szybki wbudowany edytor, | ||
który wywietli wszystkie powiązane style CSS. Wykonaj modyfikacje w kodzie CSS, wciśnij <kbd>ESC</kbd> | ||
i wróć do edycji HTML. Możesz również pozostawić wbudowany edytor otwarty tak, aby stał się częścią | ||
edytora HTML. Jeśli wciśniesz <kbd>ESC</kbd> poza obszarem szybkiego edytora, jego wszystkie okna | ||
zostaną zamknięte. Koniec z przełączaniem sie pomiędzy dokumentami i byciu wyrwanym z kontekstu. | ||
</p> | ||
|
||
<samp> | ||
Chcesz go zobaczyć w akcji? Umieść kursor w tagu <!-- <samp> --> i naciśnij <kbd>Cmd/Ctrl + E</kbd>. | ||
Szybki edytor CSS pojawi się nad tym tagiem. Po prawej stronie zobaczysz listę wszystkich reguł, | ||
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> | ||
aby znaleźć ten, który chcesz edytować. | ||
</samp> | ||
|
||
<a href="screenshots/brackets-quick-edit.png"> | ||
<img alt="Screenshot pokazujący szybką edycję CSS" src="screenshots/brackets-quick-edit.png" /> | ||
</a> | ||
|
||
<p> | ||
Możesz użyć tego samego skrótu w kodzie JavaScript, aby zobaczyć kod funkcji, którą przywołujesz, | ||
poprzez umieszczenie kursora na nazwie funkcji. W ten sam sposób możesz również otworzyć narzędzie | ||
wybierania koloru. Po prostu umieść kursor na dowolnym kolorze zapisanym w formacie hex, rgb lub hsl. | ||
Na razie wbudowany szybki edytor nie może być zagnieżdzany, więc możesz używać go jedynie w "pełnowymiarowym" | ||
edytorze. | ||
</p> | ||
|
||
<!-- | ||
BŁYSKAWICZNY PODGLĄD | ||
--> | ||
<h3>Zmiany w kodzie CSS widoczne na żywo w przeglądarce</h3> | ||
<p> | ||
Zapewne znany Ci jest taniec w stylu "zapisz/przeładuj", który wykonywaliśmy przez ostatnie lata. | ||
Dokonujesz zmian w edytorze, zapisujesz zmiany, przełączasz się do przeglądarki i odświeżasz stronę, | ||
by w końcu zobaczyć rezultat Twojej pracy. Z Brackets taki taniec nie jest konieczny. | ||
</p> | ||
<p> | ||
Brackets utworzy <em>połączenie na żywo</em> z Twoją lokalną przeglądarką i będzie jej przekazywał | ||
wszelkie zmiany w CSS. Być może już dzisiaj korzystasz z podobnego rozwiązania przy użyciu innych | ||
narzędzi, jednak z Brackets nie ma takiej potrzeby. Twój kod działa w przeglądarce, podczas gdy | ||
żyje w edytorze. | ||
</p> | ||
|
||
<samp> | ||
Jeśli posiadasz zainstalowaną przeglądarkę Google Chrome możesz wypróbować to już teraz. Kliknij | ||
ikonkę błyskawicy (stąd nazwa: Błyskawiczny Podgląd) w prawym górnym rogu lub naciśnij skrót | ||
<kbd>Cmd/Ctrl + Alt + P</kbd>. Kiedy Błyskawiczny Podgląd zostanie włączony w dokumencie HTML | ||
wszystkie połączone z nim pliki CSS mogą być edytowane w czasie rzeczywistym. Ikona zmieni kolor | ||
z szarej na złotą gdy Błyskawiczny Podgląd nawiąże połączenie z Twoją przeglądarką. | ||
|
||
Teraz umieść kursor na tagu <!-- <img> --> i wciśnij <kbd>Cmd/Ctrl + E</kbd> aby otworzyć zdefiniowane | ||
style CSS dla tego tagu. Spróbuj zmienić rozmiar obramowania z 1px do 10px lub zmienić kolor tła | ||
z "nudnego szarego" na "seksowny róż". Jeśli masz umieszczone okna przeglądarki i Brackets obok siebie | ||
zobaczysz, że zmiany są natychmiast uwzględniane w przegladarce. Nieźle co? | ||
</samp> | ||
|
||
<p class="note"> | ||
Na dzień dzisiejszy Błyskawiczny Podgląd działa jedynie dla plików CSS. Aktualnie pracujemy nad tym, | ||
aby dodać obsługę plików HTML i JavaScript. W aktualnej wersji zmiany w plikach HTML lub JavaScript | ||
są automatycznie uwzględniane w momencie zapisu. Błyskawiczny Podgląd działa jedynie z Google Chrome. | ||
Pragniemy wprowadzić tą funkcję we wszystkich najważniejszych przeglądarkach i mamy nadzieję na | ||
współpracę ze strony autorów tych przeglądarek, by stało się to faktem. | ||
</p> | ||
|
||
<!-- | ||
DAJ ZNAĆ CO O TYM SĄDZISZ | ||
--> | ||
<h2>Zaangażuj się</h2> | ||
<p> | ||
Brackets jest projektem open-source. Web developerzy z całego świata angażują się by budować coraz | ||
to lepszy edytor kodu. Daj nam znać co o nim sądzisz, podziel się swoimi pomysłami lub dodaj coś | ||
bezpośrednio do projektu. | ||
</p> | ||
<ul> | ||
<li><a href="http://brackets.io">Brackets.io</a></li> | ||
<li><a href="http://blog.brackets.io">Blog Zespołu Brackets</a></li> | ||
<li><a href="http://github.com/adobe/brackets">Brackets na GitHub</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">Developerska Lista Mailingowa Brackets</a></li> | ||
<li><a href="https://twitter.com/#!/brackets">@Brackets na Twitterze</a></li> | ||
<li>Czatuj z developerami Brackets na IRCu w kanale #brackets na Freenode.</li> | ||
</ul> | ||
|
||
</body> | ||
</html> | ||
<!-- | ||
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]] | ||
[:::::::::::::: ::::::::::::::] | ||
[:::::::::::::: ::::::::::::::] | ||
[::::::[[[[[[[: :]]]]]]]::::::] | ||
[:::::[ ]:::::] | ||
[:::::[ ]:::::] | ||
[:::::[ ]:::::] | ||
[:::::[ ]:::::] | ||
[:::::[ CODE THE WEB ]:::::] | ||
[:::::[ http://brackets.io ]:::::] | ||
[:::::[ ]:::::] | ||
[:::::[ ]:::::] | ||
[:::::[ ]:::::] | ||
[:::::[ ]:::::] | ||
[::::::[[[[[[[: :]]]]]]]::::::] | ||
[:::::::::::::: ::::::::::::::] | ||
[:::::::::::::: ::::::::::::::] | ||
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]] | ||
--> |
This file contains 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,37 @@ | ||
html { | ||
background-color: #eeeeee; | ||
} | ||
|
||
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%; | ||
} |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.