https://wiki.rettungsdienstblog.eu/api.php?action=feedcontributions&feedformat=atom&user=TerryMcConnel0 2026-11-15T20:21:51Z Benutzerbeiträge MediaWiki 1.37.1 https://wiki.rettungsdienstblog.eu/index.php?title=5_r%C3%B3%C5%BCnic_mi%C4%99dzy_article_i_section,_kt%C3%B3re_zmieni%C4%85_Twoje_podej%C5%9Bcie&diff=497745 2026-10-19T18:02:25Z

<p>TerryMcConnel0: Die Seite wurde neu angelegt: „HSL rozwiązuje ten problem, bo opisuje kolor tak, jak postrzega go człowiek: hsl(210 80% 50%) to barwa, nasycenie i jasność. Chcesz ciemniejszy odcień tego samego koloru — zmniejszasz jasność. Chcesz wyblakły — obniżasz nasycenie. Dlatego HSL świetnie nadaje się do budowania palet i motywów, gdzie liczy się spójność odcieni. Uwaga na jednostki: barwa to stopnie od 0 do 360, a nasycenie i jasność to procenty. Wartość jasności 100%…“</p> <hr /> <div>HSL rozwiązuje ten problem, bo opisuje kolor tak, jak postrzega go człowiek: hsl(210 80% 50%) to barwa, nasycenie i jasność. Chcesz ciemniejszy odcień tego samego koloru — zmniejszasz jasność. Chcesz wyblakły — obniżasz nasycenie. Dlatego HSL świetnie nadaje się do budowania palet i motywów, gdzie liczy się spójność odcieni. Uwaga na jednostki: barwa to stopnie od 0 do 360, a nasycenie i jasność to procenty. Wartość jasności 100% daje biel niezależnie od barwy, a 0% czerń — to częsta pułapka przy generowaniu palet w pętli.&lt;br&gt;&lt;br&gt;Jak testować style, żeby nie zgubić ustaleń Pracuj w jednej karcie i nie przeładowuj strony, dopóki nie skończysz. Każdą udaną zmianę zapisuj od razu w notatniku — kolor, odstęp, wartość. Kiedy skończysz, skopiuj całą regułę z panelu i wklej ją do właściwego pliku CSS. Uważaj na kolejność: inspektor pokazuje reguły od najbardziej szczegółowych do ogólnych. Zmiana w złym miejscu może nie zadziałać, bo nadpisze ją inna reguła o wyższej specyficzności. Sprawdzaj, czy edytujesz właściwy element — przy zagnieżdżonych kontenerach łatwo kliknąć w rodzica zamiast w dziecko.&lt;br&gt;&lt;br&gt;Kolejny problem pojawia się przy zagnieżdżonych siatkach. fr działa względem najbliższego rodzica z display: grid. Jeśli wewnątrz kolumny 1fr umieścisz kolejną siatkę, jej fr odnoszą się już do tej kolumny, a nie do całej strony. To częste źródło nieporozumień, gdy ktoś spodziewa się, że wewnętrzne podziały będą proporcjonalne do całego widoku. Sprawdź, czy rodzic ma wystarczającą szerokość, bo fr nie tworzy przestrzeni z niczego.&lt;br&gt;&lt;br&gt;Praktyczna zasada jest prosta: jeśli element ma być elastyczny i zależny od treści, zostaw auto. Jeśli ma mieć stały udział w układzie albo równy podział, użyj konkretnej wartości, najlepiej 0 lub wartości procentowej. Testuj układ przy wąskim oknie i przy długich tekstach. Sprawdź, czy elementy się nie nachodzą i czy nie pojawia się poziomy pasek przewijania. Świadomy wybór między auto a konkretną wartością to różnica między układem, który się sam broni, a takim, który trzeba łatać przy każdej zmianie treści.&lt;br&gt;&lt;br&gt;Samodzielność treści to klucz Główna różnica polega na tym, czy zawartość ma sens jako samodzielny byt. article powinien być niezależny — jeśli umieścisz go w innym miejscu (np. w kanale RSS), nadal będzie zrozumiały. Przykłady: post na blogu, komentarz, karta produktu. section to fragment większej całości, który bez kontekstu traci znaczenie. Nie używaj section tylko po to, by coś opakować — do tego służy div.&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;Kiedy konkretna wartość ratuje układ, a kiedy go psuje Konkretna wartość, np. flex-basis 200px, daje przewidywalność. Świetnie sprawdza się w kartach produktów, panelach i kolumnach, które mają mieć podobną szerokość. Jeśli chcesz, aby elementy równo się rozkładały, ustaw flex-basis na 0 i pozwól, by flex-grow decydował o podziale. Wtedy treść nie wpływa na proporcje, a układ pozostaje stabilny. Pamiętaj jednak, że sztywne wartości nie uwzględniają długich słów ani obrazków, które mogą rozepchnąć kontener.&lt;br&gt;&lt;br&gt;Zanim podzielisz przestrzeń, ustal, co ma być sztywne. Jeśli kolumna boczna ma mieć stałą szerokość, zapisz ją w pikselach lub rem, a resztę oddaj jednostkom fr. Przykład: grid-template-columns: 240px 1fr 2fr. Pierwsza kolumna trzyma rozmiar, druga dostaje jedną część wolnego miejsca, trzecia dwie. Uwaga na paddingi i obramowania: przy box-sizing: border-box wchodzą w szerokość, więc kolumna 1fr nie rozepchnie układu. Bez tego ustawienia łatwo o poziomy pasek przewijania.&lt;br&gt;&lt;br&gt;Typowe błędy to nadpisywanie stylów globalnych, które psują inne podstrony, oraz testowanie na wąskim oknie i zapominanie o widokach mobilnych. Inspektor pozwala przełączyć szerokość ekranu, więc od razu sprawdź, jak zmiana wygląda na małym i dużym ekranie. Drugi częsty problem to używanie ważności (important) do wymuszenia stylu. Działa, ale w kodzie produkcyjnym staje się pułapką, bo później trudno go nadpisać. Lepiej poprawić specyficzność selektora albo uporządkować strukturę.&lt;br&gt;&lt;br&gt;Nie mieszaj flexboxa z ręcznym pozycjonowaniem ani z float. Flex ignoruje część starych właściwości, a próba łączenia obu podejść daje efekty, których nie da się przewidzieć. Trzymaj się jednego modelu: kontener, oś główna, oś poprzeczna. Gdy układ przestaje działać, wróć do tych trzech pojęć i sprawdź, czy element, który ustawiasz, faktycznie jest dzieckiem kontenera i czy oś główna biegnie tak, jak zakładasz.</div>

TerryMcConnel0 https://wiki.rettungsdienstblog.eu/index.php?title=Benutzer:TerryMcConnel0&diff=497744 2026-10-19T18:02:23Z

<p>TerryMcConnel0: Die Seite wurde neu angelegt: „Entuzjasta urządzania mieszkań z wieloletnią praktyką. Dzielę się tym, jak łączyć wygodę z ładnym wnętrzem. Najbardziej lubię pomysły, które nie rujnują budżetu.“</p> <hr /> <div>Entuzjasta urządzania mieszkań z wieloletnią praktyką. Dzielę się tym, jak łączyć wygodę z ładnym wnętrzem. Najbardziej lubię pomysły, które nie rujnują budżetu.</div>

TerryMcConnel0