unslug pl: move

6 files changed, 206 insertions, 267 deletions

diff --git a/files/pl/web/guide/ajax/na_początek/index.html b/files/pl/web/guide/ajax/getting_started/index.html
index 1e4a4ec491..1e4a4ec491 100644
--- a/files/pl/web/guide/ajax/na_początek/index.html
+++ b/files/pl/web/guide/ajax/getting_started/index.html
diff --git a/files/pl/web/guide/css/kolumny_css3/index.html b/files/pl/web/guide/css/kolumny_css3/index.html
deleted file mode 100644
index 19d3c4285a..0000000000
--- a/files/pl/web/guide/css/kolumny_css3/index.html
+++ /dev/null
@@ -1,65 +0,0 @@
----
-title: Kolumny CSS3
-slug: Web/Guide/CSS/Kolumny_CSS3
-tags:
-  - CSS
-  - CSS_3
-  - Wszystkie_kategorie
-translation_of: Web/CSS/CSS_Columns/Using_multi-column_layouts
----
-<p>
-</p>
-<h3 id="Wprowadzenie" name="Wprowadzenie"> Wprowadzenie </h3>
-<p>Czytanie tekstu wyświetlanego w długich wierszach jest trudne i męczące dla oczu - jeśli przenoszenie wzroku z końca jednej linii na początek drugiej zajmuje zbyt wiele czasu, łatwo jest zgubić się w tekście i rozpocząć czytanie niewłaściwego wiersza. Z tego powodu i aby w pełni wykorzystać szerokość ekranu, tekst na stronach internetowych - tak samo jak w gazetach - powinien być układany w sąsiadujących kolumnach o stałej szerokości. Niestety osiągnięcie tego efektu nie jest możliwe przy użyciu języków HTML i obecnego CSS bez wymuszania sztywnej wysokości kolumn, znacznego ograniczania dozwolonej składni wewnątrz tekstu bądź też bez stosowania skomplikowanych skryptów.
-</p><p><a class="external" href="http://www.w3.org/TR/2001/WD-css3-multicol-20010118">Szkic specyfikacji CSS3</a> proponuje kilka nowych własności CSS, które rozwiązałyby ten problem. W Firefoksie 1.5 i następnych zaimplementowana została część tych własności i zachowują się one w sposób opisany przez szkic specyfikacji (z jednym wyjątkiem opisanym niżej). </p><p>Aby zobaczyć, jak działają kolumny CSS, odwiedź (korzystając z Firefoksa 1.5) <a class="external" href="http://weblogs.mozillazine.org/roc/">blog Roberta O'Callahana</a>.
-</p>
-<h3 id="Stosowanie_kolumn" name="Stosowanie_kolumn"> Stosowanie kolumn </h3>
-<h4 id="Liczba_i_szeroko.C5.9B.C4.87_kolumn" name="Liczba_i_szeroko.C5.9B.C4.87_kolumn"> Liczba i szerokość kolumn </h4>
-<p>Własności CSS pozwalają okreslić liczbę i szerokość kolumn, w jakich zostanie wyświetlony tekst na stronie: <code>-moz-column-count</code> oraz <code>-moz-column-width</code>.
-</p><p><code>-moz-column-count</code> pozwala ustalić liczbę kolumn. Na przykład:
-</p>
-<pre>&lt;div style="-moz-column-count:2"&gt;Z powodu trwających przygotowań do wydania Mozilli
-Firefox 1.5 Beta 1 drzewo zostanie zamrożone dziś w nocy o 23:59 PDT (UTC -7:00).
-Od tego momentu żadne nowe poprawki nie będą przyjmowane do Firefoksa 1.5 Beta 1,
-którego wydanie zaplanowane jest na czwartek.&lt;/div&gt;
-</pre>
-<p>Powyższy tekst powinien zostać w Firefoksie 1.5 wyświetlony w dwu kolumnach:
-</p>
-<div style="">Z powodu trwających przygotowań do wydania Mozilli Firefox 1.5 Beta 1 drzewo zostanie zamrożone dziś w nocy o 23:59 PDT (UTC -7:00). Od tego momentu żadne nowe poprawki nie będą przyjmowane do Firefoksa 1.5 Beta 1, którego wydanie zaplanowane jest na czwartek.</div>
-<p><code>-moz-column-width</code> pozwala natomiast określić minimalną pożądaną szerokość kolumn. Jeśli przy okazji własność <code>-moz-column-count</code> nie jest ustalona, przeglądarka automatycznie wyświetli tyle kolumn, ile zmieści się w jej oknie. Na przykład tekst:
-</p>
-<pre>&lt;div style="-moz-column-width:20em;"&gt;Z powodu trwających przygotowań do wydania Mozilli
-Firefox 1.5 Beta 1 drzewo zostanie zamrożone dziś w nocy o 23:59 PDT (UTC -7:00).
-Od tego momentu żadne nowe poprawki nie będą przyjmowane do Firefoksa 1.5 Beta 1,
-którego wydanie zaplanowane jest na czwartek.&lt;/div&gt;
-</pre>
-<p>przeglądarka wyświetli następująco:
-</p>
-<div style="-moz-column-width: 20em;">Z powodu trwających przygotowań do wydania Mozilli Firefox 1.5 Beta 1 drzewo zostanie zamrożone dziś w nocy o 23:59 PDT (UTC -7:00). Od tego momentu żadne nowe poprawki nie będą przyjmowane do Firefoksa 1.5 Beta 1, którego wydanie zaplanowane jest na czwartek.</div>
-<p>Szczegóły dotyczące kolumn CSS opisano w <a class="external" href="http://www.w3.org/TR/2001/WD-css3-multicol-20010118">szkicu specyfikacji CSS3</a>.
-</p><p>W przypadku wyświetlania wielokolumnowego, treść automatycznie przepływa do następnych kolumn, jeśli zachodzi taka potrzeba. Cała funkcjonalność HTML, CSS oraz DOM jest zachowana, podobnie jak możliwość edycji i drukowania.
-</p><p><br>
-</p>
-<h4 id="Wyr.C3.B3wywanie_wysoko.C5.9Bci_kolumn" name="Wyr.C3.B3wywanie_wysoko.C5.9Bci_kolumn"> Wyrówywanie wysokości kolumn </h4>
-<p>Szkic specyfikacji CSS3 zakłada, że wysokości kolumn powinny być wyrównywane przez przeglądarkę w taki sposób, by wysokości treści w każdej kolumnie były możliwie najbardziej zbliżone. I to właśnie robi Firefox.
-</p><p>Czasami jednak pojawia się potrzeba jednoznacznego zdefiniowania wysokości kolumn. W takim przypadku treść - w zależności od długości - wyświetlana powinna być w różnej, nieznanej projektantowi liczbie kolumn. Efekt ten zastosowano na stronach <a class="external" href="http://iht.com">International Herald Tribune</a>, gdzie jednak użyto w tym celu odpowiednich skryptów. Firefox rozszerza szkic specyfikacji CSS w taki sposób, że nadanie blokowi kolumn własności <code>height</code> powoduje wydłużanie się kolumn do określonej wysokości, a po osiągnięciu tejże - utworzeniu nowej kolumny. Zachowanie to jest bardzo przydatne przy tworzeniu układów stron WWW.
-</p>
-<h4 id="Odst.C4.99p_mi.C4.99dzy_kolumnami" name="Odst.C4.99p_mi.C4.99dzy_kolumnami"> Odstęp między kolumnami </h4>
-<p>Domyślnie, przeglądarka wyświetla kolumny jedna tuż obok drugiej, przylegające do siebie. Zazwyczaj jednak nie jest to zachowanie pożądane. Aby poprawić tę sytuację, można za pomocą CSS ustawić dla kolumn odpowiednie wartości marginesów wewnętrznych, często jednak o wiele łatwiej zastosować jest własność <code>-moz-column-gap</code> ustawianą dla bloku kolumn:
-</p>
-<pre>&lt;div style="-moz-column-width:20em; -moz-column-gap:2em;"&gt;Z powodu trwających
-przygotowań do wydania Mozilli Firefox 1.5 Beta 1 drzewo zostanie zamrożone dziś
-w nocy o 23:59 PDT (UTC -7:00). Od tego momentu żadne nowe poprawki nie będą
-przyjmowane do Firefoksa 1.5 Beta 1, którego wydanie zaplanowane jest na czwartek.&lt;/div&gt;
-</pre>
-<div style="-moz-column-width: 20em;">Z powodu trwających przygotowań do wydania Mozilli Firefox 1.5 Beta 1 drzewo zostanie zamrożone dziś w nocy o 23:59 PDT (UTC -7:00). Od tego momentu żadne nowe poprawki nie będą przyjmowane do Firefoksa 1.5 Beta 1, którego wydanie zaplanowane jest na czwartek.</div>
-<h4 id="Czytelno.C5.9B.C4.87_w_starszych_przegl.C4.85darkach" name="Czytelno.C5.9B.C4.87_w_starszych_przegl.C4.85darkach"> Czytelność w starszych przeglądarkach </h4>
-<p>Starsze przeglądarki ignorują własności -moz-column, dzięki czemu stosunkowo łatwo jest utworzyć stronę, której treść będzie wyświetlana w pojedynczej kolumnie w starszych przeglądarkach, a w wielu kolumnach w Firefoksie 1.5.
-</p>
-<h3 id="Zako.C5.84czenie" name="Zako.C5.84czenie"> Zakończenie </h3>
-<p>Kolumny w CSS3 to nowe narzędzie, które pomoże projektantom stron internetowych w najlepszy możliwy sposób wykorzystywać cenną powierzchnię ekranów uzytkowników. Dzięki takim opcjom jak automatycze wyrównywanie wysokości, kolumny na pewno znajdą wiele zastosowań w tworzeniu stron internetowych.
-</p>
-<h3 id="Dodatkowe_zasoby" name="Dodatkowe_zasoby"> Dodatkowe zasoby </h3>
-<ul><li> <a class=" external" href="http://weblogs.mozillazine.org/roc/archives/2005/03/gecko_18_for_we.html" rel="freelink">http://weblogs.mozillazine.org/roc/a...18_for_we.html</a>
-</li></ul>
-{{ languages( { "en": "en/CSS3_Columns", "es": "es/Columnas_con_CSS-3", "fr": "fr/Colonnes_CSS3", "it": "it/Le_Colonne_nei_CSS3", "ja": "ja/CSS3_Columns", "ko": "ko/CSS3_Columns" } ) }}
diff --git a/files/pl/web/guide/css/sprawdzanie_media_queries/index.html b/files/pl/web/guide/css/sprawdzanie_media_queries/index.html
deleted file mode 100644
index 140d3a1796..0000000000
--- a/files/pl/web/guide/css/sprawdzanie_media_queries/index.html
+++ /dev/null
@@ -1,116 +0,0 @@
----
-title: Sprawdzanie media queries
-slug: Web/Guide/CSS/Sprawdzanie_media_queries
-translation_of: Web/CSS/Media_Queries/Testing_media_queries
----
-<p>{{SeeCompatTable}}</p>
-
-<p>DOM dostarcza funkcje, dzięki którym możliwym jest sprawdzenie wyników media query. Jest to możliwe przy użyciu interfejsu {{domxref("MediaQueryList") }} i jego funkcji oraz właściwości. Po utworzeniu obiektu {{domxref("MediaQueryList") }} możesz zbadać wynik zapytania (query) lub (dodatkowo) otrzymywać powiadomienie, gdy rezultat się zmieni.</p>
-
-<h2 id="Creating_a_media_query_list" name="Creating_a_media_query_list">Tworzenie listy media query</h2>
-
-<p>Zanim będziesz mógł ocenić wynik zapytania, musisz utworzyć obiekt {{domxref("MediaQueryList") }}, <span class="short_text" id="result_box" lang="pl"><span class="hps">reprezentujący</span></span> media query. Aby to uczynić użyj metody {{domxref("window.matchMedia") }}.</p>
-
-<p>Na przykład, jeśli chcesz ustalić czy orientacja urządzenia jest pionowa czy pozioma, możesz skorzystać z takiego zapytania jak poniżej:</p>
-
-<pre>var mql = window.matchMedia("(orientation: portrait)"); /* sprawdzamy czy orientacja obiektu, jest pionowa; zwraca obiekt MediaQueryList */
-</pre>
-
-<h2 id="Checking_the_result_of_a_query" name="Checking_the_result_of_a_query">Sprawdzanie rezultatu zapytania (query)</h2>
-
-<p>Po wykonaniu powyższej metody, mamy dostęp do obiektu {{domxref("MediaQueryList") }}, który ma kilka przydatnych metod i właściwości. Jedną z nich jest cecha <code>matches</code>, która zwraca <code>prawdę</code> lub <code>fałsz</code>.</p>
-
-<pre class="brush: js">if (mql.matches) {
-  /* wykryta orientacja pionowa */
-} else {
-  /* wykryta orientacja pozioma */
-}
-</pre>
-
-<h2 id="Receiving_query_notifications" name="Receiving_query_notifications">Otrzymywanie powiadomień</h2>
-
-<p>W przypadku, gdy chciałbyś na bieżąco dostawać alerty o stanie zapytania (query), skorzystaj z funkcji <code>addListener()</code>, która jest zdecydowanie wydajniejsza aniżeli sprawdzanie "ręcznie" co jakiś czas. By skorzystać z tego ułatwienia, wywołaj tę funkcję na obiekcie {{domxref("MediaQueryList") }}, określając <span class="short_text" id="result_box" lang="pl"><span class="hps">obserwator, który implementuje</span></span> interfejs {{domxref("MediaQueryListListener") }}:</p>
-
-<pre class="brush: js">var mql = window.matchMedia("(orientation: portrait)");
-mql.addListener(zmianaOrientacji);
-zmianaOrientacji(mql);
-</pre>
-
-<p>Powyższy kod tworzy media query list, a następnie dołącza listener. Zauważ, że po dodaniu listenera, przywołaliśmy listenera bezpośrednio - trzecia linijka. To pozwala nam określić aktualną orientację urządzenia.</p>
-
-<p>Zaimplementowana metoda <code>zmianaOrientacji()</code> pozwala nam wykonać pewne czynności, gdy zmieni się położenie urządzenia.</p>
-
-<pre class="brush: js">function zmianaOrientacji(mql) {
-  if (mql.matches) {
-    /* wykryta orientacja pionowa */
-  } else {
-    /* wykryta orientacja pozioma */
-  }
-}
-</pre>
-
-<h2 id="Ending_query_notifications" name="Ending_query_notifications">Wyłączenie powiadomień</h2>
-
-<p>Gdy nie potrzebujesz już powiadomień dotyczących zmiany wartości zapytania, możesz wywołać metodę <code>removeListener()</code> dostępną w obiekcie {{domxref("MediaQueryList") }}:</p>
-
-<pre>mql.removeListener(zmianaOrientacji);
-</pre>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">Zgodność z przeglądarką</h2>
-
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Chrome</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th>Safari</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>9</td>
-   <td>{{CompatGeckoDesktop("6.0") }}</td>
-   <td>10</td>
-   <td>12.1</td>
-   <td>5.1</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Mobile</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>3.0</td>
-   <td>{{CompatUnknown}}</td>
-   <td>10</td>
-   <td>12.1</td>
-   <td>5</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="See_also" name="See_also">Zobacz także</h2>
-
-<ul>
- <li><a href="/en-US/docs/CSS/Media_queries" title="CSS/Media queries">Media queries</a></li>
- <li>{{domxref("window.matchMedia()") }}</li>
- <li>{{domxref("MediaQueryList") }}</li>
- <li>{{domxref("MediaQueryListListener") }}</li>
-</ul>
diff --git a/files/pl/web/guide/events/creating_and_triggering_events/index.html b/files/pl/web/guide/events/creating_and_triggering_events/index.html
new file mode 100644
index 0000000000..82deba43c1
--- /dev/null
+++ b/files/pl/web/guide/events/creating_and_triggering_events/index.html
@@ -0,0 +1,34 @@
+---
+title: dispatchEvent - przykład
+slug: DOM/dispatchEvent_-_przykład
+tags:
+  - DOM
+  - Dokumentacja_Gecko_DOM
+  - Gecko
+  - Wszystkie_kategorie
+translation_of: Web/Guide/Events/Creating_and_triggering_events
+translation_of_original: Web/Guide/Events/Event_dispatching_example
+---
+<div class="noinclude">
+ {{ ApiRef() }}</div>
+<p>Poniższy przykład przedstawia symulację kliknięcia w pole wyboru opartą o metody DOM. Możesz zobaczyć <a class="external" href="http://developer.mozilla.org/samples/domref/dispatchEvent.html">przykład w działaniu</a>.</p>
+<pre class="eval">function simulateClick() {
+  var evt = <a href="pl/DOM/document.createEvent">document.createEvent</a>("MouseEvents");
+  evt.<a href="pl/DOM/event.initMouseEvent">initMouseEvent</a>("click", true, true, window,
+    0, 0, 0, 0, 0, false, false, false, false, 0, null);
+  var cb = document.getElementById("checkbox");
+  var canceled = !cb.<a href="pl/DOM/element.dispatchEvent">dispatchEvent</a>(evt);
+  if(canceled) {
+    // metoda obsługi zdarzenia wywołała preventDefault
+    alert("canceled");
+  } else {
+    // nie wywołano preventDefault
+    alert("not canceled");
+  }
+}
+</pre>
+<p> </p>
+<p> </p>
+<div class="noinclude">
+  </div>
+<p>{{ languages( { "en": "en/DOM/dispatchEvent_example", "es": "es/DOM/dispatchEvent_example", "fr": "fr/DOM/dispatchEvent_exemple" } ) }}</p>
diff --git a/files/pl/web/guide/html/html5/index.html b/files/pl/web/guide/html/html5/index.html
new file mode 100644
index 0000000000..77e7775ce2
--- /dev/null
+++ b/files/pl/web/guide/html/html5/index.html
@@ -0,0 +1,172 @@
+---
+title: HTML5
+slug: HTML/HTML5
+tags:
+  - CSS3
+  - HTML
+  - HTML 5
+translation_of: Web/Guide/HTML/HTML5
+---
+<p><span class="seoSummary"><strong>HTML5</strong> jest najnowszą wersją standardu opisującego język <a href="/pl/docs/HTML" title="HTML">HTML</a>. </span>Termin ten możemy zdefiniować na dwa sposoby:</p>
+
+<ul>
+ <li><span class="seoSummary">Jest to nowa wersja <em>języka</em> HTML, zawierająca nowe elementy, atrybuty i zachowania,</span></li>
+ <li><span class="seoSummary">większy zestaw technologii, które pozwala na bardziej różnorodne i potężne tworzenie stron i aplikacji internetowych.</span> Zestaw ten czasem nazywamy <em>HTML5 &amp; friends</em>, jednak często skracamy do nazwy po prostu <em>HTML5</em>.</li>
+</ul>
+
+<p>Zawarta poniżej treść przeznaczona jest do zastosowania przez wszystkich programistów, strona zawiera dużo informacji na temat technologii HTML5, która została opisana w kilku grupach podzielonych według ich funkcji.</p>
+
+<ul>
+ <li><em>Semantyka</em>: pozwala na bardziej precyzyjne opisanie zawartości.</li>
+ <li><em>Komunikacja</em>: pozwala w sposób nowoczesny na komunikację z serwerem.</li>
+ <li><em>Offline &amp; Storage</em>: pozwala stronom internetowym na bardziej efektywne przechowywanie danych lokalnie i w trybie offline.</li>
+ <li><em>Multimedia</em><strong>: odtwarzanie plików audio i wideo bezpośrednio z przeglądarki.</strong></li>
+ <li><em>Efekty i Grafika 2D/3D</em>: pozwala w znacznie bardziej zróżnicowany sposób prezentować możliwości stron lub aplikacji internetowych.</li>
+ <li><em>Wydajność &amp; Integracja</em>: zapewnia większą prędkość i lepszą optymalizację wykorzystania sprzętu komputerowego.</li>
+ <li><em>Dostęp do urządzenia</em><strong>: zastosowanie w wielu urządzeniach wejścia i wyjścia.</strong></li>
+ <li><em>Style</em>: pozwala autorom na tworzenie ładniejszych motywów.</li>
+</ul>
+
+<div class="cleared row topicpage-table">
+<h2 id="Semantyka" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3827/HTML5_Semantics_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">Semantyka</h2>
+
+<dl>
+ <dt><a href="/pl/docs/Web/Guide/HTML/Sekcje_oraz_konspekt_dokumentu_HTML5" title="Elementy sekcji stosowane w dokumencie HTML5">Elementy sekcji zawarte w dokumencie HTML5</a></dt>
+ <dd>Poznaj nowe elementy przedstawiające sekcje dokumentu wprowadzone do HTML5: {{HTMLElement("section")}}, {{HTMLElement("article")}}, {{HTMLElement("nav")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}} i {{HTMLElement("aside")}}.</dd>
+ <dt><a href="/en-US/docs/Using_HTML5_audio_and_video" title="Using_audio_and_video_in_Firefox">Zastosowanie elementów audio i video</a></dt>
+ <dd>Elementy {{HTMLElement("audio")}} i {{HTMLElement("video")}} pozwalają zagnieżdżać i zarządzać zawartością multimediów.</dd>
+ <dt><a href="/en-US/docs/HTML/Forms_in_HTML" title="Formularze w HTML5">Formularze w HTML5</a></dt>
+ <dd>Spojrzenie na ulepszenia formularzy sieciowych w HTML5: wymuszenie poprawności API, kilka nowych atrybutów, nowe wartości dla atrybutów {{HTMLElement("input")}} {{htmlattrxref("type", "input")}} i nowego elementu {{HTMLElement("output")}}.</dd>
+ <dt>Nowe <span style="line-height: 1.5;">semantyczne </span><span style="line-height: 1.5;">elementy </span></dt>
+ <dd>Obok sekcji, elementów mediów i formularzy, są liczne, nowe elementy takie jak: {{HTMLElement("mark")}}, {{HTMLElement("figure")}}, {{HTMLElement("figcaption")}}, {{HTMLElement("data")}}, {{HTMLElement("time")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, lub {{HTMLElement("meter")}} i {{HTMLElement("main")}}, zwiększenie ilości <a href="/pl/docs/Web/HTML/Element" title="HTML/HTML5/HTML5_element_list">elementów poprawności HTML 5</a>.</dd>
+ <dt>Ulepszenia w {{HTMLElement("iframe")}}</dt>
+ <dd>Używając atrybutów {{htmlattrxref("sandbox", "iframe")}}, {{htmlattrxref("seamless", "iframe")}} i {{htmlattrxref("srcdoc", "iframe")}} , autorzy mogą teraz precyzyjniej określać poziom bezpieczeństwa i pożądane wyświetlanie elementów {{HTMLElement("iframe")}}.</dd>
+ <dt><a href="/en-US/docs/MathML" title="MathML">MathML</a></dt>
+ <dd>Pozwala na bezpośrednie umieszczanie formuł matematycznych.</dd>
+ <dt><a href="/en-US/docs/HTML/HTML5/Introduction_to_HTML5" title="HTML/HTML5/Introduction_to_HTML5">Wprowadzenie do HTML5</a></dt>
+ <dd>Ten artykuł pokazuje jak przekazać przeglądarce, że używasz HTML 5 na swojej stronie internetowej lub w aplikacji.</dd>
+ <dt><a href="/en-US/docs/HTML/HTML5/HTML5_Parser" title="HTML/HTML5/HTML5 parser">Parser zgodny z HTML5</a></dt>
+ <dd>Parser, który przetwarza dokument HTML na DOM, został rozszerzony i teraz precyzyjnie definiuje zachowanie we wszystkich przypadkach, nawet w wypadku niepoprawnego HTML-a. To prowadzi do znacznie większej przewidywalności zachowania strony i współpracy między przeglądarkami zgodnymi z HTML 5.</dd>
+</dl>
+
+<h2 id="Połączenia" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3839/HTML5_Connectivity_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">Połączenia</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/WebSockets" title="WebSockets">Web Sockets (dwukierunkowa komunikacja z serwerem)</a></dt>
+ <dd>Pozwala tworzyć stabilne połączenie pomiędzy stroną i serwerem, i  wymieniać nie-HTML-owe dane.</dd>
+ <dt><a href="/en-US/docs/Server-sent_events/Using_server-sent_events" title="Server-sent_events/Using_server-sent_events">Server-Sent Events (zdarzenia wysłane przez serwer)</a></dt>
+ <dd>Pozwala serwerowi na "własnowolne" wysyłanie zdarzeń do klienta, inaczej niż w przypadku klasycznego paradygmatu, w którym serwer mógł wysyłać dane tylko w odpowiedzi na zapytanie klienta.</dd>
+ <dt><a href="/en-US/docs/WebRTC" title="WebRTC">WebRTC</a></dt>
+ <dd>Ta technologia, w której RTC oznacza Komunikację Czasu Rzeczywistego(Real-Time Communication), pozwala na łączenie się z innymi i kontrolowanie wideokonferencji bezpośrednio z przeglądarki, bez potrzeby korzystania z wtyczek lub zewnętrznych aplikacji.</dd>
+</dl>
+
+<h2 id="Tryb_Offline_i_przechowywanie" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3833/HTML5_Offline_Storage_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">Tryb Offline i przechowywanie</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/HTML/Using_the_application_cache" title="Offline_resources_in_Firefox">Zasoby offline: pamięć cache aplikacji</a></dt>
+ <dd>Firefox w pełni wspiera specyfikację zasobów offline HTML5. Większość innych przeglądarek wspiera ją w podobnym stopniu.</dd>
+ <dt><a href="/en-US/docs/Online_and_offline_events" title="Online_and_offline_events">Zdarzenia online i offline</a></dt>
+ <dd>Firefox 3 wspiera zdarzenia WHATWG online i offline, dzięki czemu aplikacje i dodatki mogą wykryć czy istnieje aktywne połączenie internetowe, a także wykrywać kiedy połączenie wygaśnie i kiedy jest aktywne.</dd>
+ <dt><a href="/en-US/docs/DOM/Storage" title="DOM/Storage">Sesje WHATWG po stronie klienta i trwałe przechowywanie (aka Magazyn DOM)</a></dt>
+ <dd>Sesje po stronie klienta i trwałe magazynowanie pozwalają aplikacjom sieciowym przechowywać dane strukturalne po stronie klienta.</dd>
+ <dt><a href="/en-US/docs/IndexedDB" title="IndexedDB">IndexedDB</a></dt>
+ <dd>IndexedDB jest sieciowym standardem przechowywania znacznych ilości danych strukturalnych w przeglądarce i wysokiej wydajności wyszukiwania w tych danych za pomocą indeksów.</dd>
+ <dt><a href="/en-US/docs/Using_files_from_web_applications" title="Using_files_from_web_applications">Używanie plików z aplikacji internetowych</a></dt>
+ <dd>Wsparcie dla nowego API plików HTML5 zostało dodane do Gecko, tworząc możliwość dostępu aplikacji internetowych do plików lokalnych wybranych przez użytkownika. Obejmuje też wsparcie dla wielokrotnego wyboru plików z użyciem <span style="font-family: monospace;">{{HTMLElement("input")}}</span> z <strong><a href="/en-US/docs/HTML/Element/Input#attr-type" title="HTML/Element/input#attr-type">atrybutem type</a></strong> <span style="font-family: courier new;">file</span> i nowym atrybutem elementu: <a href="/en-US/docs/HTML/Element/Input#attr-multiple" title="HTML/Element/input#attr-multiple"><strong>multiple</strong></a>. Istnieje także <a href="/en-US/docs/DOM/FileReader" title="DOM/FileReader"><code>FileReader</code></a>.</dd>
+</dl>
+
+<h2 id="Multimedia" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3835/HTML5_Multimedia_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">Multimedia</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/Using_HTML5_audio_and_video" title="Using_audio_and_video_in_Firefox">Zastosowanie elementów audio i video w HTML5</a></dt>
+ <dd>Znaczniki {{HTMLElement("audio")}} i {{HTMLElement("video")}} pozwalają osadzać i manipulować nowymi zawartościami multimedialnymi.</dd>
+ <dt><a href="/en-US/docs/WebRTC" title="WebRTC">WebRTC</a></dt>
+ <dd>Ta technologia, w której RTC oznacza Komunikację Czasu Rzeczywistego(Real-Time Communication), pozwala na łączenie się z innymi i kontrolowanie wideokonferencji bezpośrednio z przeglądarki, bez potrzeby korzystania z wtyczek lub zewnętrznych aplikacji.</dd>
+ <dt><a href="/en-US/docs/DOM/Using_the_Camera_API" title="DOM/Using_the_Camera_API">Używanie API kamery internetowej</a></dt>
+ <dd>Pozwala używać, manipulować i przechowywać obrazy z kamerki komputerowej.</dd>
+ <dt>Track and WebVTT</dt>
+ <dd>Znacznik {{HTMLElement("track")}} pozwala  tworzyć napisy i rozdziały. <a href="/en-US/docs/HTML/WebVTT" title="HTML/WebVTT">WebVTT</a> jest formatem ścieżek tekstowych.</dd>
+</dl>
+
+<h2 id="EFEKTY_I_GRAFIKA_3D" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3841/HTML5_3D_Effects_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">EFEKTY I GRAFIKA 3D</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/Canvas_tutorial" title="Przewodnik po Canvas">Przewodnik po Canvas</a></dt>
+ <dd>Informacje o nowym elemencie <code>{{HTMLElement("canvas")}}</code> wraz z opisem jak działa użyty do rysowania grafik i obiektów w Firefoksie.</dd>
+ <dt><a href="/en-US/docs/Drawing_text_using_a_canvas" title="Drawing_text_using_a_canvas">HTML5 text API dla elementów &lt;canvas&gt;</a></dt>
+ <dd>HTML5 text API jest teraz wspierane przez elementy {{HTMLElement("canvas")}}.</dd>
+ <dt><a href="/en-US/docs/WebGL" title="WebGL">WebGL</a></dt>
+ <dd>WebGL przenosi grafikę 3D do sieci poprzez wprowadzenie API, które ściśle odpowiada OpenGl ES 2.0 i może być używane w znacznikach HTML5 {{HTMLElement("canvas")}}.</dd>
+ <dt><a href="/en-US/docs/SVG" title="SVG">SVG (Scalable Vector Graphics) - skalowalna grafika wektorowa </a></dt>
+ <dd>Bazujący na XML-u format grafiki wektorowej, który może być bezpośrednio osadzony w HTML-u.</dd>
+</dl>
+
+<div class="section">
+<h2 id="WYDAJNOŚĆ_i_iNTEGRACJA" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3831/HTML5_Performance_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">WYDAJNOŚĆ i iNTEGRACJA</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/DOM/Using_web_workers" title="Using web workers">Web Workers</a></dt>
+ <dd>Umożliwia przekazanie działania JavaScript do wątków w tle, dzięki czemu zapobiega spowalnianiu wydarzeń interaktywnych.</dd>
+ <dt><code><a href="/en-US/docs/DOM/XMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a></code> Poziom 2</dt>
+ <dd>Umożliwia asynchroniczne pobieranie części strony, co umożliwia wyświetlanie elementów dynamicznych, zmieniających się w zależności od czasu i działań użytkownika. Jest to "następca" <a href="/en-US/docs/AJAX" title="AJAX">Ajax-a.</a></dd>
+ <dt>JIT-compiling JavaScript engines (kompilowalne silniki JavaScript)</dt>
+ <dd>Nowa generacja silników JavaScript jest o wiele potężniejsza i ma świetną wydajność.</dd>
+ <dt><a href="https://developer.mozilla.org/en-US/docs/DOM/Manipulating_the_browser_history" title="DOM/Manipulating_the_browser_history">API do obsługi przycisku wstecz (History API)</a></dt>
+ <dd>Pozwala manipulować historią przeglądania. Jest użyteczne zwłaszcza na stronach ładujących interaktywnie nowe informacje.</dd>
+ <dt><a href="/en-US/docs/HTML/Content_Editable" title="HTML/Content Editable">Atrybut contentEditable: przekształć swoją stronę w encyklopedię!</a></dt>
+ <dd>HTML5 ustandaryzował atrybut contentEditable. Dowiedz się więcej o tej właściwości.</dd>
+ <dt><a href="/en-US/docs/DragDrop/Drag_and_Drop" title="DragDrop/Drag_and_Drop">Przeciągnij i upuść</a></dt>
+ <dd>API 'przeciągnij i upuść' w HTML5 wspiera przeciąganie i upuszczanie elementów wewnątrz strony i pomiędzy stronami. Upraszcza to także API dla dodatków i aplikacji bazujących na technologiach Mozilli.</dd>
+ <dt><a href="/en-US/docs/Focus_management_in_HTML" title="Focus_management_in_HTML">Zarządzanie aktywnością w HTML</a></dt>
+ <dd>Nowe atrybuty HTML5 <code>activeElement</code> i <code>hasFocus</code> są już wspierane.</dd>
+ <dt><a href="/en-US/docs/Web-based_protocol_handlers" title="Web-based_protocol_handlers">Obsługa protokołów opartych na sieci</a></dt>
+ <dd>Możesz teraz zarejestrować aplikacje internetowe jako obsługę protokołów używając funkcji <code>navigator.registerProtocolHandler().</code></dd>
+ <dt><a href="/en-US/docs/DOM/window.requestAnimationFrame" title="DOM/window.requestAnimationFrame"><code>requestAnimationFrame</code></a></dt>
+ <dd>Pozwala kontrolować renderowanie animacji dla uzyskania optymalnej wydajności.1</dd>
+ <dt><a href="/en-US/docs/DOM/Using_full-screen_mode" title="DOM/Using_full-screen_mode">Pełnoekranowe API</a></dt>
+ <dd>Kontroluje użycie całego ekranu dla stron internetowych lub aplikacji sieciowych bez wyświetlania UI przeglądarki.</dd>
+ <dt><a href="/en-US/docs/API/Pointer_Lock_API" title="API/Pointer_Lock_API">Blokowanie kursora</a></dt>
+ <dd>Powala zablokować wskaźnik do zawartości, więc  gry i podobne aplikacje nie utracą aktywności kiedy kursor będzie na granicy okna.</dd>
+ <dt><a href="/en-US/docs/Online_and_offline_events" title="Online_and_offline_events">Zdarzenia online i offline</a></dt>
+ <dd>Aby stworzyć dobrze obsługującą tryb offline aplikację internetową trzeba wiedzieć, kiedy aplikacja jest rzeczywiście offline. Prawdę mówiąc, musisz wiedzieć też, kiedy aplikacja powróci do stanu online.</dd>
+</dl>
+
+<h2 id="DOSTĘP_DO_URZĄDZENIA" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3837/HTML5_Device_Access_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">DOSTĘP DO URZĄDZENIA</h2>
+
+<dl>
+ <dt></dt>
+ <dt><a href="/en-US/docs/DOM/Using_the_Camera_API" title="DOM/Using_the_Camera_API">Używanie API kamery internetowej</a></dt>
+ <dd>Pozwala używać, manipulować i przechowywać obrazy z kamerki komputerowej.</dd>
+ <dt><a href="/en-US/docs/DOM/Touch_events" title="DOM/Touch_events">Zdarzenia dotykowe</a></dt>
+ <dd>Narzędzia do obsługi zdarzeń tworzonych przez użytkownika używającego ekranu dotykowego.</dd>
+ <dt><a href="/en-US/docs/Using_geolocation" title="Using geolocation">Geolokacja</a></dt>
+ <dd>Pozwól przeglądarce zlokalizować pozycję użytkownika przy użyciu geolokacji.</dd>
+ <dt><a href="/en-US/docs/Detecting_device_orientation" title="Detecting_device_orientation">Wykrywanie orientacji urządzenia</a></dt>
+ <dd>Pobierz informację o zmianie orientacji urządzenia na którym pracuje przeglądarka. Może ona być użyta jako urządzenie wejściowe( np w grach reagujących na zmianę pozycji urządzenia) lub służyć przystosowaniu layoutu strony do aktualnej orientacji urządzenia (portrait lub landscape)</dd>
+ <dt></dt>
+ <dt><a href="/en-US/docs/API/Pointer_Lock_API" title="API/Pointer_Lock_API">Blokowanie kursora</a></dt>
+ <dd>Powala zablokować wskaźnik do zawartości, więc  gry i podobne aplikacje nie utracą aktywności kiedy kursor będzie na granicy okna.</dd>
+</dl>
+
+<h2 id="stylizacja" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3829/HTML5_Styling_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">stylizacja</h2>
+
+<p><a href="/en-US/docs/CSS" title="CSS">CSS</a> zostało rozszerzone, aby móc o wiele wygodniej stylizować elementy. Jest często nazywane <a href="/en-US/docs/CSS/CSS3" title="CSS/CSS3">CSS3</a>, choć CSS nie jest monolitycznym tworem, w którym wszystkie elementy są na poziomie 3. Część jest na poziomie 1, część na 4, Lub którymś z poziomów pośrednich.</p>
+
+<dl>
+ <dt>Nowe właściwości stylizacji tła</dt>
+ <dd>Teraz jest możliwe dodanie cienia do box-ów używając {{cssxref("box-shadow")}}, a także można ustawić <a href="/en-US/docs/CSS/Multiple_backgrounds" title="CSS/Multiple_backgrounds">wielokrotne tło.</a></dd>
+ <dt>Bardziej fantazyjne obramowania</dt>
+ <dd>Teraz nie tylko możliwe jest stylizowanie obramowań za pomocą obrazów, używając {{cssxref("border-image")}} i związanych z pismem odręcznym właściwościami, ale także zaokrąglenia obramowań są wspierane przez właściwość {{cssxref("border-radius")}}.</dd>
+ <dt>Wpraw w ruch swój styl</dt>
+ <dd>Używając <a href="/en-US/docs/CSS/Using_CSS_transitions" title="CSS/Using_CSS_transitions">Przejść CSS</a> do animacji przejść pomiędzy różnymi stanami lub używając <a href="/en-US/docs/CSS/Using_CSS_animations" title="CSS/Using_CSS_animations">Animacji CSS</a> do animowania części strony, bez zdarzenia wywołującego, możesz teraz kontrolować elementy interaktywne na twojej stronie.</dd>
+ <dt>Poprawa typografii Typography improvement</dt>
+ <dd>Autorzy mają większą kontrolę dla osiągnięcia lepszej typografii. Mogą kontrolować {{cssxref("text-overflow")}} i dzielenie wyrazów, a także mogą dodawać <a href="/en-US/docs/CSS/text-shadow" title="CSS/text-shadow">cienie</a> i precyzyjniej kontrolować <a href="/en-US/docs/CSS/text-decoration" title="SVG/Attribute/text-decoration">dekoracje</a> tekstu. Niestandardowe kroje można pobrać i zastosować za pomocą {{cssxref("@font-face")}}.</dd>
+ <dt>Nowe, prezentacyjne layouty</dt>
+ <dd>W celu polepszenia elastyczności designów zostały dodane dwa nowe layouty: <a href="/en-US/docs/CSS/Using_CSS_multi-column_layouts" title="CSS/Using_CSS_multi-column_layouts">CSS multi-column layout(wielokolumnowy layout CSS) </a>i <a href="/en-US/docs/CSS/Flexbox" title="CSS/Flexbox">CSS flexible box layout(layout elastycznego pudełka CSS)</a>.</dd>
+</dl>
+</div>
+</div>
+
+<dl>
+ <dd></dd>
+</dl>
diff --git a/files/pl/web/guide/liczniki_css/index.html b/files/pl/web/guide/liczniki_css/index.html
deleted file mode 100644
index 3c494e6af3..0000000000
--- a/files/pl/web/guide/liczniki_css/index.html
+++ /dev/null
@@ -1,86 +0,0 @@
----
-title: Liczniki CSS
-slug: Web/Guide/Liczniki_CSS
-tags:
-  - CSS
-  - Wszystkie_kategorie
-translation_of: Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters
----
-<p> </p>
-
-<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>
-
-<p>Liczniki w CSS zostały opisane w sekcji <a class="external" href="http://www.w3.org/TR/CSS21/generate.html#counters">Automatic counters and numbering</a> dokumentacji CSS 2.1. Wartość licznika jest ustawiana poprzez użycie własności <a href="pl/CSS/counter-reset">counter-reset</a> oraz <a href="pl/CSS/counter-increment">counter-increment</a>, natomiast wyświetlana jest przy wykorzystaniu funkcji counter() lub counters() należących do własności <a href="pl/CSS/content">content</a>.</p>
-
-<h3 id="Zastosowanie_licznik.C3.B3w" name="Zastosowanie_licznik.C3.B3w">Zastosowanie liczników</h3>
-
-<p>Aby użyć licznika CSS, należy najpierw ustawić mu wartość (domyślnie jest to 0) przy pomocy własności <a href="pl/CSS/counter-reset">reset</a>. Aby wyświetlić wartość licznika w danym elemencie należy skorzystać z funkcji counter(). Poniższy przykład dodaje na początku każdego elementu <code>h1</code> "Sekcja <code>wartość licznika</code>:".</p>
-
-<pre>  body {
-    counter-reset: sekcja;           /* Ustawienie licznika sekcja na 0 */
-  }
-  h1::before {
-    counter-increment: sekcja;               /* Zwiększa licznik sekcja */
-    content: "Sekcja " counter(sekcja) ": ";       /* Wyświetla licznik */
-  }
-</pre>
-
-<h3 id="Zagnie.C5.BCd.C5.BCanie_licznik.C3.B3w" name="Zagnie.C5.BCd.C5.BCanie_licznik.C3.B3w">Zagnieżdżanie liczników</h3>
-
-<p>Liczniki CSS mogą być szczególnie użyteczne przy listach uporządkowanych (<code>ol</code>), ponieważ nowa instancja licznika CSS jest automatycznie tworzona dla potomków danego elementu. Użycie funkcji counters() pozwala na dodanie ciągu znaków, który będzie oddzielał kolejne poziomy zagnieżdżonych liczników:</p>
-
-<pre>  ol {
-    counter-reset: sekcja;                /* Tworzy nową instancję licznika
-                                             sekcja w każdym elemencie ol */
-    list-style-type: none;                /* Usuwa domyślnie wyświetlany licznik */
-  }
-  li::before {
-    counter-increment: sekcja;            /* Zwiększa tylko tę instancję
-                                             licznika sekcja */
-    content: counters(sekcja, ".") " ";   /* Wyświetla wartości wszystkich
-                                             instancji licznika sekcja,
-                                             oddzielając je ciągiem ".". */
-  }
-</pre>
-
-<p>Przykładowy HTML (w komentarzach podano wartość wygenerowanego licznika):</p>
-
-<pre>&lt;ol&gt;
-  &lt;li&gt;item&lt;/li&gt;          &lt;!-- 1     --&gt;
-  &lt;li&gt;item               &lt;!-- 2     --&gt;
-    &lt;ol&gt;
-      &lt;li&gt;item&lt;/li&gt;      &lt;!-- 2.1   --&gt;
-      &lt;li&gt;item&lt;/li&gt;      &lt;!-- 2.2   --&gt;
-      &lt;li&gt;item           &lt;!-- 2.3   --&gt;
-        &lt;ol&gt;
-          &lt;li&gt;item&lt;/li&gt;  &lt;!-- 2.3.1 --&gt;
-          &lt;li&gt;item&lt;/li&gt;  &lt;!-- 2.3.2 --&gt;
-        &lt;/ol&gt;
-        &lt;ol&gt;
-          &lt;li&gt;item&lt;/li&gt;  &lt;!-- 2.3.1 --&gt;
-          &lt;li&gt;item&lt;/li&gt;  &lt;!-- 2.3.2 --&gt;
-          &lt;li&gt;item&lt;/li&gt;  &lt;!-- 2.3.3 --&gt;
-        &lt;/ol&gt;
-      &lt;/li&gt;
-      &lt;li&gt;item&lt;/li&gt;      &lt;!-- 2.4   --&gt;
-    &lt;/ol&gt;
-  &lt;/li&gt;
-  &lt;li&gt;item&lt;/li&gt;          &lt;!-- 3     --&gt;
-  &lt;li&gt;item&lt;/li&gt;          &lt;!-- 4     --&gt;
-&lt;/ol&gt;
-&lt;ol&gt;
-  &lt;li&gt;item&lt;/li&gt;          &lt;!-- 1     --&gt;
-  &lt;li&gt;item&lt;/li&gt;          &lt;!-- 2     --&gt;
-&lt;/ol&gt;
-</pre>
-
-<h3 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h3>
-
-<ul>
- <li><a href="pl/CSS/counter-reset">counter-reset</a></li>
- <li><a href="pl/CSS/counter-increment">counter-increment</a></li>
-</ul>
-
-<p><span class="comment">potrzebna treść do artykułu</span></p>
-
-<p>{{ languages( { "en": "en/CSS_Counters", "fr": "fr/Compteurs_CSS" } ) }}</p>