https://wiki.rettungsdienstblog.eu/api.php?action=feedcontributions&feedformat=atom&user=WLZMiles50709 2026-11-13T14:12:52Z Benutzerbeiträge MediaWiki 1.37.1 https://wiki.rettungsdienstblog.eu/index.php?title=Co_wybra%C4%87:_list%C4%99_numerowan%C4%85,_punktowan%C4%85_czy_definicji%3F&diff=497888 2026-10-19T18:21:11Z

<p>WLZMiles50709: Die Seite wurde neu angelegt: „Jednostki rozmiaru czcionki różnią się tym, od czego zależą. Piksel (px) to wartość bezwzględna, oderwana od preferencji użytkownika. Em i rem są względne, ale każda liczy odniesienie gdzie indziej: em mnoży aktualny rozmiar elementu, rem — rozmiar korzenia dokumentu. Ta różnica decyduje o tym, co się skaluje, gdy ktoś powiększy czcionkę w przeglądarce albo zmieni domyślne ustawienie systemowe.&lt;br&gt;&lt;br&gt;Nie mieszaj jednostek bez powo…“</p> <hr /> <div>Jednostki rozmiaru czcionki różnią się tym, od czego zależą. Piksel (px) to wartość bezwzględna, oderwana od preferencji użytkownika. Em i rem są względne, ale każda liczy odniesienie gdzie indziej: em mnoży aktualny rozmiar elementu, rem — rozmiar korzenia dokumentu. Ta różnica decyduje o tym, co się skaluje, gdy ktoś powiększy czcionkę w przeglądarce albo zmieni domyślne ustawienie systemowe.&lt;br&gt;&lt;br&gt;Nie mieszaj jednostek bez powodu w obrębie jednego komponentu. Tekst w rem, padding w px i margines w em to przepis na układ, który rozjeżdża się przy zmianie skali. Wybierz system: bazę w html, typografię w rem, odstępy w rem, a em zostaw na wyjątki. Sprawdź efekt, powiększając czcionkę w przeglądarce do 150 procent — jeśli układ pęka, winne są piksele w miejscach, w których ich być nie powinno.&lt;br&gt;&lt;br&gt;Rem nie ma tego problemu, bo zawsze odnosi się do elementu html, niezależnie od głębokości. Ustawienie 1.5rem da ten sam efekt na pierwszym i na dziesiątym poziomie drzewa. To czyni rem domyślnym wyborem dla typografii: nagłówków, akapitów, przycisków. Praktyczna zasada: rozmiar tekstu w rem, odstępy i marginesy w rem, a em tylko tam, gdzie proporcja wobec lokalnego kontekstu jest zamierzona.&lt;br&gt;&lt;br&gt;Znaczniki article i section w HTML5 służą do grupowania treści, ale mają różne zastosowania. Wybór niewłaściwego z nich prowadzi do bałaganu w strukturze dokumentu i problemów z dostępnością. Poniżej wyjaśniam, czym się różnią, jak je stosować i jakie błędy popełnia się najczęściej.&lt;br&gt;&lt;br&gt;Etykieta label kojarzy się głównie z wyświetlaniem nazwy pola. Ma jednak drugą, praktyczną funkcję: powiększa obszar klikalny. Gdy użytkownik trafi w tekst etykiety, przeglądarka przenosi fokus do powiązanego pola, a w przypadku pól wyboru i przycisków opcji — zmienia ich stan. To szczególnie ważne na ekranach dotykowych, gdzie precyzyjne trafienie w mały kwadracik bywa trudne.&lt;br&gt;&lt;br&gt;Uwaga na media queries. W zapytaniach o szerokość okna jednostki em i rem zachowują się inaczej, niż się oczekuje — em w media query odnosi się do rozmiaru czcionki ustawionego w przeglądarce, nie do elementu. Mieszanie tych jednostek w warunkach responsywności prowadzi do progów, które przesuwają się u użytkowników z powiększoną czcionką. Bezpieczniej trzymać się jednej konwencji w całym arkuszu i zapisać ją w komentarzu na górze pliku.&lt;br&gt;&lt;br&gt;Flexbox zaczyna się od jednej właściwości: display: flex ustawionej na rodzicu. Ten rodzic staje się kontenerem elastycznym, a wszystkie jego bezpośrednie dzieci — elementami elastycznymi. Uwaga: tylko bezpośrednie dzieci. Jeśli w kontenerze umieścisz dodatkowy div, to on jest elementem elastycznym, a nie jego zawartość. To najczęstszy błąd na starcie: ktoś ustawia flex na kontenerze, a potem dziwi się, że wnuki nie układają się w rzędzie. Zanim więc napiszesz choćby jedną linię CSS, sprawdź, czy elementy, które mają się układać, są rzeczywiście dziećmi kontenera.&lt;br&gt;&lt;br&gt;Zanim wybierzesz format, zadaj sobie jedno pytanie: co czytelnik ma zrobić z tą wiedzą? Wykonać po kolei — numeracja. Zapamiętać zbiór — punktowanie. Zrozumieć pojęcie — definicja. Jeśli lista ma więcej niż siedem–dziewięć pozycji, podziel ją tematycznie albo przenieś część do tabeli. Mieszanie trzech typów w jednym bloku to niemal zawsze błąd: czytelnik przestaje odróżniać kolejność od wyliczenia, a definicje zaczyna traktować jak kolejne punkty do zaliczenia.&lt;br&gt;&lt;br&gt;Wybór między listą numerowaną, punktowaną i definicji nie jest kwestią estetyki, a logiki przekazu. Każda z nich odpowiada na inne pytanie czytelnika. Lista numerowana mówi: „w jakiej kolejności&quot;. Punktowana: „co się na to składa&quot;. Definicji: „co to właściwie znaczy&quot;. Jeśli pomylisz te role, odbiorca zgubi się w treści, nawet gdy zdania będą poprawne.&lt;br&gt;&lt;br&gt;Listę numerowaną stosuj wtedy, gdy kolejność ma znaczenie. Kroki instalacji, etapy procedury, ranking od najważniejszego do najmniej istotnego, sekwencja zdarzeń — wszystko, co traci sens po przestawieniu. Pisz krótko: jedno działanie na punkt, zaczynaj od czasownika („Zapisz plik&quot;, „Zamknij program&quot;). Typowy błąd to wrzucanie do numeracji rzeczy równorzędnych, które nie tworzą sekwencji. Wtedy czytelnik szuka logiki, której nie ma, i traci zaufanie do instrukcji.&lt;br&gt;&lt;br&gt;Typowe błędy? Używanie section jako zamiennika div dla stylowania — to nadużycie. Drugi błąd to wstawianie article wewnątrz innego article bez sensu (np. dla zwykłego akapitu). Zagnieżdżanie jest poprawne, gdy np. komentarz pod postem jest osobnym article wewnątrz głównego article. Trzeci błąd: brak nagłówków w section — to psuje strukturę dokumentu.&lt;br&gt;&lt;br&gt;Nie mieszaj Flexboxa z floatami ani display: inline-block w tym samym kontenerze. Flexbox nadpisuje wiele zachowań tych właściwości, ale mogą one wprowadzić chaos, zwłaszcza gdy próbujesz je łączyć. Podobnie z marginesami: automatyczny margines (margin: auto) na elemencie elastycznym pochłania wolną przestrzeń i potrafi wyśrodkować element wzdłuż osi głównej lub poprzecznej. To przydatne, ale bywa nieintuicyjne — jeśli element nagle ucieka na bok, sprawdź, czy nie ma margin: auto.</div>

WLZMiles50709 https://wiki.rettungsdienstblog.eu/index.php?title=Benutzer:WLZMiles50709&diff=497887 2026-10-19T18:21:09Z

<p>WLZMiles50709: Die Seite wurde neu angelegt: „Entuzjasta urządzania mieszkań od kilku lat. Piszę o tym, jak urządzić mieszkanie w bloku bez remontu generalnego. Najbardziej lubię pomysły, które nie rujnują budżetu.“</p> <hr /> <div>Entuzjasta urządzania mieszkań od kilku lat. Piszę o tym, jak urządzić mieszkanie w bloku bez remontu generalnego. Najbardziej lubię pomysły, które nie rujnują budżetu.</div>

WLZMiles50709