https://wiki.rettungsdienstblog.eu/api.php?action=feedcontributions&feedformat=atom&user=LauriZ414426824 2026-11-13T07:17:44Z Benutzerbeiträge MediaWiki 1.37.1 https://wiki.rettungsdienstblog.eu/index.php?title=Kiedy_wybra%C4%87_przezroczysto%C5%9B%C4%87_w_PNG,_a_kiedy_JPEG_bez_kana%C5%82u_alfa%3F&diff=497678 2026-10-19T17:58:13Z

<p>LauriZ414426824: Die Seite wurde neu angelegt: „Na koniec: nie mieszaj flex-wrap: wrap z gridem bez potrzeby i nie licz na to, że wrap naprawi układ bez elastycznych szerokości. Najpierw ustal, co ma się zawijać, potem dobierz basis i minimalne szerokości, a na końcu sprawdź zachowanie przy najdłuższym możliwym tekście. Wtedy elementy przejdą do nowego rzędu dokładnie tam, gdzie tego oczekujesz.&lt;br&gt;&lt;br&gt;Typowe błędy przy podziale są łatwe do przewidzenia. Pierwszy to nierówne częśc…“</p> <hr /> <div>Na koniec: nie mieszaj flex-wrap: wrap z gridem bez potrzeby i nie licz na to, że wrap naprawi układ bez elastycznych szerokości. Najpierw ustal, co ma się zawijać, potem dobierz basis i minimalne szerokości, a na końcu sprawdź zachowanie przy najdłuższym możliwym tekście. Wtedy elementy przejdą do nowego rzędu dokładnie tam, gdzie tego oczekujesz.&lt;br&gt;&lt;br&gt;Typowe błędy przy podziale są łatwe do przewidzenia. Pierwszy to nierówne części — jedna rozdmuchana, druga zdawkowa. Drugi to przecinanie tekstu w losowym miejscu, na przykład w połowie wywodu, przez co żadna z części nie jest kompletna. Trzeci to powtarzanie tych samych informacji w kilku sekcjach, co sztucznie zwiększa objętość, ale niczego nie wnosi. Czwarty błąd dotyczy stron samodzielnych: autorzy często próbują wcisnąć w jeden tekst wszystko, co wiedzą na dany temat, i kończą z materiałem, którego nikt nie czyta do końca.&lt;br&gt;&lt;br&gt;Wybór formatu pliku graficznego sprowadza się do jednego pytania: czy obraz potrzebuje przezroczystości, czy nie. PNG obsługuje kanał alfa, więc potrafi zapisać w pełni przezroczyste tło, półprzezroczyste cienie i miękkie krawędzie. JPEG nie ma kanału alfa – każdy piksel musi mieć jakiś kolor. Jeśli w pliku JPEG umieścisz grafikę z przezroczystym tłem, program zapisze to tło jako biały, czarny lub inny kolor, zależnie od ustawień. To najczęstszy błąd przy eksporcie logotypów i ikon.&lt;br&gt;&lt;br&gt;Jak świadomie sterować właściwościami w zagnieżdżonej liście Rozwiązanie polega na tym, żeby nie liczyć na dziedziczenie, tylko jawnie wskazać element. Zamiast pisać styl na ul, użyj selektora potomka: ul li, a dla zagnieżdżonych — ul ul li. W ten sposób kontrolujesz każdy poziom osobno. Praktyczna zasada: jeśli chcesz, aby wewnętrzna lista miała inne punkty, ustaw list-style-type bezpośrednio na ul ul lub na li znajdujących się na tym poziomie. To samo dotyczy marginesów i wcięć — zagnieżdżona lista domyślnie dostaje własne wcięcie, które potrafi rozjechać układ. Warto od razu wyzerować padding i margin dla wszystkich poziomów, a potem dodać je świadomie tylko tam, gdzie są potrzebne.&lt;br&gt;&lt;br&gt;Pierwszy krok to styl bazowy dla wąskiego ekranu. W praktyce oznacza to, że cały CSS piszesz bez żadnych zapytań o szerokość. Ustawiasz pojedynczą kolumnę, elementy jeden pod drugim, czcionkę czytelną na małym ekranie, przyciski na całą szerokość, obrazy na 100% kontenera. Taki zapis jest domyślny dla wszystkich urządzeń. Telefon nie potrzebuje wtedy żadnych specjalnych reguł, bo bazowo dostaje to, co przygotowałeś. To najważniejsza zasada: najpierw telefon, potem reszta.&lt;br&gt;&lt;br&gt;Praktyczna zasada jest jedna i skuteczna. Najpierw zaplanuj całość, potem zdecyduj, gdzie postawić granice. Wypisz punkty, które chcesz przekazać, a następnie pogrupuj je w bloki, które da się opisać jednym zdaniem. Jeśli bloków jest dwa lub trzy i każdy zamyka się w rozsądnej objętości, napisz osobne, samodzielne artykuły i połącz je odnośnikami. Jeśli bloków jest więcej i wynikają z siebie logicznie, zrób jeden większy materiał podzielony na sekcje. Granica między tymi rozwiązaniami nie jest sztywna — ważne, żeby czytelnik zawsze wiedział, gdzie jest i co dalej.&lt;br&gt;&lt;br&gt;Uważaj też na flex-shrink. Domyślnie wynosi 1, więc gdy elementy nie mieszczą się w kontenerze, kurczą się proporcjonalnie, zanim flex-grow w ogóle zacznie działać. Jeśli chcesz, aby nadmiar był dzielony bez kurczenia, ustaw flex-shrink: 0 i pozwól, by elementy wychodziły poza kontener albo się zawijały. Pamiętaj, że flex-grow działa tylko wtedy, gdy w kontenerze jest wolne miejsce — przy przepełnieniu nie ma czego dzielić.&lt;br&gt;&lt;br&gt;Najwięcej zamieszania generują znaczniki listy — punktory i numeracja. Właściwości list-style-type, list-style-position i list-style-image działają na elemencie ul lub ol i dotyczą jego bezpośrednich elementów li. Gdy zagnieżdżasz listę, wewnętrzna lista nie dziedziczy list-style-type w ten sam sposób, co kolor tekstu. Ona ma własny, domyślny znacznik — zwykle koło zamiast kwadratu czy liczby. Jeśli ustawisz na zewnętrznej li list-style-type: square, wewnętrzne li w zagnieżdżonej liście i tak pokażą się jako koła. To typowy błąd: ktoś ustawia styl na rodzicu i dziwi się, że głębiej nie działa.&lt;br&gt;&lt;br&gt;Kolejny częsty problem to kolor znaczników. Kolor tekstu dziedziczy się na li, ale sam znacznik (punkt) w niektórych przeglądarkach przyjmuje kolor elementu listy, a nie tekstu w nim zawartego. Jeśli chcesz mieć czerwone punkty i czarny tekst, ustaw kolor na li, a następnie nadpisz go na wewnętrznym elemencie tekstowym lub użyj ::marker. Pseudo-element ::marker daje bezpośrednią kontrolę nad kolorem, rozmiarem i rodzajem znacznika, ale działa tylko na li i nie dziedziczy się w dół. To najczystsze rozwiązanie, gdy zależy ci na precyzji.&lt;br&gt;&lt;br&gt;Jak wymusić zawijanie bez psucia proporcji Najpierw ustaw kontener: display: flex oraz flex-wrap: wrap. Następnie zadbaj o szerokość elementów. Jeśli elementy mają width: 100%, żaden nie zmieści się obok drugiego i każdy wyląduje w osobnej linii. Lepiej użyć flex: 1 1 240px, co daje elastyczną podstawę i pozwala elementom rosnąć lub maleć w ramach rzędu. Wartość basis decyduje o punkcie, w którym element przechodzi do nowej linii. Im większa, tym szybciej zawija.</div>

LauriZ414426824 https://wiki.rettungsdienstblog.eu/index.php?title=Benutzer:LauriZ414426824&diff=497677 2026-10-19T17:58:12Z

<p>LauriZ414426824: Die Seite wurde neu angelegt: „Pasjonat urządzania mieszkań od kilku lat. Piszę o tym, jak łączyć wygodę z ładnym wnętrzem. Najbardziej lubię pomysły, które nie rujnują budżetu.“</p> <hr /> <div>Pasjonat urządzania mieszkań od kilku lat. Piszę o tym, jak łączyć wygodę z ładnym wnętrzem. Najbardziej lubię pomysły, które nie rujnują budżetu.</div>

LauriZ414426824